(function ($) {
    "use strict";
    new WOW().init();

    function dataBackgroundImage() {
        $('[data-bgimg]').each(function () {
            var bgImgUrl = $(this).data('bgimg');
            $(this).css({'background-image': 'url(' + bgImgUrl + ')',});
        });
    }

    $(window).on('load', function () {
        dataBackgroundImage();
    });
    $(window).on('scroll', function () {
        var scroll = $(window).scrollTop();
        if (scroll < 100) {
            $(".sticky-header").removeClass("sticky");
        } else {
            $(".sticky-header").addClass("sticky");
        }
    });
    $('.slider_area').owlCarousel({
        animateOut: 'fadeOut',
        autoplay: true,
        loop: true,
        nav: true,
        autoplay: false,
        autoplayTimeout: 8000,
        items: 1,
        dots: true,
        navText: ['<i class="ion-ios-arrow-left"></i>', '<i class="ion-ios-arrow-right"></i>'],
    });
    $('.product_column4').on('changed.owl.carousel initialized.owl.carousel', function (event) {
        $(event.target).find('.owl-item').removeClass('last').eq(event.item.index + event.page.size - 1).addClass('last')
    }).owlCarousel({
        autoplay: true,
        loop: true,
        nav: true,
        autoplay: false,
        autoplayTimeout: 8000,
        items: 4,
        dots: false,
        navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
        responsiveClass: true,
        responsive: {0: {items: 1,}, 450: {items: 2,}, 768: {items: 3,}, 992: {items: 4,},}
    });
    $('.product_column6').on('changed.owl.carousel initialized.owl.carousel', function (event) {
        $(event.target).find('.owl-item').removeClass('last').eq(event.item.index + event.page.size - 1).addClass('last')
    }).owlCarousel({
        autoplay: true,
        loop: true,
        nav: true,
        autoplay: false,
        autoplayTimeout: 8000,
        items: 6,
        dots: false,
        navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
        responsiveClass: true,
        responsive: {
            0: {items: 1,},
            450: {items: 2,},
            768: {items: 3,},
            992: {items: 4,},
            1200: {items: 4,},
            1315: {items: 5,},
            1600: {items: 6,},
        }
    });
    $('.product_column3').on('changed.owl.carousel initialized.owl.carousel', function (event) {
        $(event.target).find('.owl-item').removeClass('last').eq(event.item.index + event.page.size - 1).addClass('last')
    }).owlCarousel({
        autoplay: true,
        loop: true,
        nav: true,
        autoplay: false,
        autoplayTimeout: 8000,
        items: 3,
        dots: false,
        navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
        responsiveClass: true,
        responsive: {0: {items: 1,}, 450: {items: 2,}, 768: {items: 3,}, 992: {items: 3,},}
    });
    $('.blog_column3').owlCarousel({
        autoplay: true,
        loop: true,
        nav: true,
        autoplay: false,
        autoplayTimeout: 8000,
        items: 3,
        dots: false,
        navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
        responsiveClass: true,
        responsive: {0: {items: 1,}, 371: {items: 2,}, 768: {items: 3,}, 992: {items: 3,},}
    });
    $('.category_product_column5').owlCarousel({
        autoplay: true,
        loop: true,
        nav: false,
        autoplay: false,
        autoplayTimeout: 8000,
        items: 5,
        dots: false,
        responsiveClass: true,
        responsive: {0: {items: 1,}, 300: {items: 2,}, 480: {items: 3,}, 768: {items: 4,}, 992: {items: 5,},}
    });
    $('.brand_container').on('changed.owl.carousel initialized.owl.carousel', function (event) {
        $(event.target).find('.owl-item').removeClass('last').eq(event.item.index + event.page.size - 1).addClass('last')
    }).owlCarousel({
        autoplay: true,
        loop: true,
        nav: true,
        autoplay: false,
        autoplayTimeout: 8000,
        items: 6,
        dots: false,
        navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
        responsiveClass: true,
        responsive: {0: {items: 1,}, 480: {items: 3,}, 768: {items: 4,}, 992: {items: 5,}, 1200: {items: 6,},}
    });
    $('.testimonial_column1').owlCarousel({
        autoplay: true,
        loop: true,
        nav: false,
        autoplay: false,
        autoplayTimeout: 8000,
        items: 1,
        dots: true,
    });
    $('.testimonial_column3').on('changed.owl.carousel initialized.owl.carousel', function (event) {
        $(event.target).find('.owl-item').removeClass('last').eq(event.item.index + event.page.size - 1).addClass('last')
    }).owlCarousel({
        autoplay: true,
        loop: true,
        nav: false,
        autoplay: false,
        autoplayTimeout: 8000,
        items: 3,
        dots: true,
        responsiveClass: true,
        responsive: {0: {items: 1,}, 576: {items: 2,}, 768: {items: 2,}, 992: {items: 3,},}
    });
    $('.testimonial_column5').on('changed.owl.carousel initialized.owl.carousel', function (event) {
        $(event.target).find('.owl-item').removeClass('last').eq(event.item.index + event.page.size - 1).addClass('last')
    }).owlCarousel({
        autoplay: true,
        loop: true,
        nav: false,
        autoplay: false,
        autoplayTimeout: 8000,
        items: 5,
        dots: true,
        responsiveClass: true,
        responsive: {
            0: {items: 1,},
            576: {items: 2,},
            768: {items: 2,},
            992: {items: 3,},
            1200: {items: 4,},
            1600: {items: 5,},
        }
    });
    $('.blog_thumb_active').owlCarousel({
        autoplay: true,
        loop: true,
        nav: true,
        autoplay: false,
        autoplayTimeout: 8000,
        items: 1,
        navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
    });
    $('.single-product-active').owlCarousel({
        autoplay: true,
        loop: true,
        nav: true,
        autoplay: false,
        autoplayTimeout: 8000,
        items: 4,
        margin: 15,
        dots: false,
        navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
        responsiveClass: true,
        responsive: {0: {items: 1,}, 320: {items: 2,}, 992: {items: 3,}, 1200: {items: 4,},}
    });
    $('.product_navactive').owlCarousel({
        autoplay: true,
        loop: true,
        nav: true,
        autoplay: false,
        autoplayTimeout: 8000,
        items: 4,
        dots: false,
        navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
        responsiveClass: true,
        responsive: {0: {items: 1,}, 250: {items: 2,}, 480: {items: 3,}, 768: {items: 4,},}
    });
    $('.modal').on('shown.bs.modal', function (e) {
        $('.product_navactive').resize();
    })
    $('.product_navactive a').on('click', function (e) {
        e.preventDefault();
        var $href = $(this).attr('href');
        $('.product_navactive a').removeClass('active');
        $(this).addClass('active');
        $('.product-details-large .tab-pane').removeClass('active show');
        $('.product-details-large ' + $href).addClass('active show');
    })
    $('.video_popup').magnificPopup({type: 'iframe', removalDelay: 300, mainClass: 'mfp-fade'});
    $('.port_popup').magnificPopup({type: 'image', gallery: {enabled: true}});
    $('.action_links ul li a,.add_to_cart a,.footer_social_link ul li a').tooltip({
        animated: 'fade',
        placement: 'top',
        container: 'body'
    });
    $('.select_option').niceSelect();
    $(".faequently-accordion").collapse({
        accordion: true, open: function () {
            this.slideDown(300);
        }, close: function () {
            this.slideUp(300);
        }
    });
    $.scrollUp({
        scrollText: '<i class="fa fa-angle-double-up"></i>',
        easingType: 'linear',
        scrollSpeed: 900,
        animation: 'fade'
    });
    $('[data-countdown]').each(function () {
        var $this = $(this), finalDate = $(this).data('countdown');
        $this.countdown(finalDate, function (event) {
            $this.html(event.strftime('<div class="countdown_area"><div class="single_countdown"><div class="countdown_number">%D</div><div class="countdown_title">days</div></div><div class="single_countdown"><div class="countdown_number">%H</div><div class="countdown_title">hours</div></div><div class="single_countdown"><div class="countdown_number">%M</div><div class="countdown_title">mins</div></div><div class="single_countdown"><div class="countdown_number">%S</div><div class="countdown_title">secs</div></div></div>'));
        });
    });
    $("#slider-range").slider({
        range: true, min: 0, max: 500, values: [0, 500], slide: function (event, ui) {
            $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
        }
    });
    $("#amount").val("$" + $("#slider-range").slider("values", 0) +
        " - $" + $("#slider-range").slider("values", 1));
    $("#zoom1").elevateZoom({gallery: 'gallery_01', responsive: true, cursor: 'crosshair', zoomType: 'inner'});
    $('.portfolio_gallery').imagesLoaded(function () {
        var $grid = $('.portfolio_gallery').isotope({
            itemSelector: '.gird_item',
            percentPosition: true,
            masonry: {columnWidth: '.gird_item'}
        });
        $('.portfolio_button').on('click', 'button', function () {
            var filterValue = $(this).attr('data-filter');
            $grid.isotope({filter: filterValue});
            $(this).siblings('.active').removeClass('active');
            $(this).addClass('active');
        });
    });
    $(".categories_title").on("click", function () {
        $(this).toggleClass('active');
        $('.categories_menu_toggle').slideToggle('medium');
    });
    $(".sub_categories1 > a").on("click", function () {
        $(this).toggleClass('active');
        $('.dropdown_categories1').slideToggle('medium');
    });
    $(".sub_categories2 > a").on("click", function () {
        $(this).toggleClass('active');
        $('.dropdown_categories2').slideToggle('medium');
    });
    $(".sub_categories3 > a").on("click", function () {
        $(this).toggleClass('active');
        $('.dropdown_categories3').slideToggle('medium');
    });
    $("#cat_toggle.has-sub > a").on("click", function () {
        $(this).removeAttr('href');
        $(this).toggleClass('open').next('.categorie_sub').toggleClass('open');
        $(this).parents().siblings().find('#cat_toggle.has-sub > a').removeClass('open');
    });
    $('#mc-form').ajaxChimp({
        language: 'en',
        callback: mailChimpResponse,
        url: 'http://devitems.us11.list-manage.com/subscribe/post?u=6bbb9b6f5827bd842d9640c82&amp;id=05d85f18ef'
    });

    function mailChimpResponse(resp) {
        if (resp.result === 'success') {
            $('.mailchimp-success').addClass('active')
            $('.mailchimp-success').html('' + resp.msg).fadeIn(900);
            $('.mailchimp-error').fadeOut(400);
        } else if (resp.result === 'error') {
            $('.mailchimp-error').html('' + resp.msg).fadeIn(900);
        }
    }

    function categorySubMenuToggle() {
        $('.categories_menu_toggle li.menu_item_children > a').on('click', function () {
            if ($(window).width() < 991) {
                $(this).removeAttr('href');
                var element = $(this).parent('li');
                if (element.hasClass('open')) {
                    element.removeClass('open');
                    element.find('li').removeClass('open');
                    element.find('ul').slideUp();
                } else {
                    element.addClass('open');
                    element.children('ul').slideDown();
                    element.siblings('li').children('ul').slideUp();
                    element.siblings('li').removeClass('open');
                    element.siblings('li').find('li').removeClass('open');
                    element.siblings('li').find('ul').slideUp();
                }
            }
        });
        $('.categories_menu_toggle li.menu_item_children > a').append('<span class="expand"></span>');
    }

    categorySubMenuToggle();
    $('.shop_toolbar_btn > button').on('click', function (e) {
        e.preventDefault();
        $('.shop_toolbar_btn > button').removeClass('active');
        $(this).addClass('active');
        var parentsDiv = $('.shop_wrapper');
        var viewMode = $(this).data('role');
        parentsDiv.removeClass('grid_3 grid_4 grid_5 grid_list').addClass(viewMode);
        if (viewMode == 'grid_3') {
            parentsDiv.children().addClass('col-lg-4 col-md-4 col-sm-6').removeClass('col-lg-3 col-cust-5 col-12');
        }
        if (viewMode == 'grid_4') {
            parentsDiv.children().addClass('col-lg-3 col-md-4 col-sm-6').removeClass('col-lg-4 col-cust-5 col-12');
        }
        if (viewMode == 'grid_list') {
            parentsDiv.children().addClass('col-12').removeClass('col-lg-3 col-lg-4 col-md-4 col-sm-6 col-cust-5');
        }
    });
    $(".search_box > a").on("click", function () {
        $(this).toggleClass('active');
        $('.search_widget').slideToggle('medium');
    });
    $(".header_account > a").on("click", function () {
        $(this).toggleClass('active');
        $('.dropdown_account').slideToggle('medium');
    });
    $('.mini_cart_wrapper > a').on('click', function (event) {
        if ($(window).width() < 991) {
            $('.mini_cart').slideToggle('medium');
        }
    });
    $('.search_bar > a').on('click', function () {
        $('.dropdown_search').addClass('active')
    });
    $('.search_close_btn > a').on('click', function () {
        $('.dropdown_search').removeClass('active')
    });
    $('.canvas_open').on('click', function () {
        $('.offcanvas_menu_wrapper,.off_canvars_overlay').addClass('active')
    });
    $('.canvas_close,.off_canvars_overlay').on('click', function () {
        $('.offcanvas_menu_wrapper,.off_canvars_overlay').removeClass('active')
    });
    var $offcanvasNav = $('.offcanvas_main_menu'), $offcanvasNavSubMenu = $offcanvasNav.find('.sub-menu');
    $offcanvasNavSubMenu.parent().prepend('<span class="menu-expand"><i class="fa fa-angle-down"></i></span>');
    $offcanvasNavSubMenu.slideUp();
    $offcanvasNav.on('click', 'li a, li .menu-expand', function (e) {
        var $this = $(this);
        if (($this.parent().attr('class').match(/\b(menu-item-has-children|has-children|has-sub-menu)\b/)) && ($this.attr('href') === '#' || $this.hasClass('menu-expand'))) {
            e.preventDefault();
            if ($this.siblings('ul:visible').length) {
                $this.siblings('ul').slideUp('slow');
            } else {
                $this.closest('li').siblings('li').find('ul:visible').slideUp('slow');
                $this.siblings('ul').slideDown('slow');
            }
        }
        if ($this.is('a') || $this.is('span') || $this.attr('clas').match(/\b(menu-expand)\b/)) {
            $this.parent().toggleClass('menu-open');
        } else if ($this.is('li') && $this.attr('class').match(/\b('menu-item-has-children')\b/)) {
            $this.toggleClass('menu-open');
        }
    });
})(jQuery);