/**
 
 * 
 
**/

(function($) {
    ("use strict");
    var preloader = function() {
        setTimeout(function() {
            $(".preload-container").fadeOut("slow", function() {
                $(this).remove();
            });
        }, 300);
    };
    var isMobile = {
        Android: function() {
            return navigator.userAgent.match(/Android/i);
        },
        BlackBerry: function() {
            return navigator.userAgent.match(/BlackBerry/i);
        },
        iOS: function() {
            return navigator.userAgent.match(/iPhone|iPad|iPod/i);
        },
        Opera: function() {
            return navigator.userAgent.match(/Opera Mini/i);
        },
        Windows: function() {
            return navigator.userAgent.match(/IEMobile/i);
        },
        any: function() {
            return (
                isMobile.Android() ||
                isMobile.BlackBerry() ||
                isMobile.iOS() ||
                isMobile.Opera() ||
                isMobile.Windows()
            );
        },
    };
    var headerFixed = function() {
        if ($("header").hasClass("header-fixed")) {
            var nav = $("#header_main");

            if (nav.length) {
                var offsetTop = nav.offset().top,
                    headerHeight = nav.height(),
                    injectSpace = $("<div>", {
                        height: headerHeight,
                    });
                injectSpace.hide();

                if ($("header").hasClass("style-absolute")) {
                    injectSpace.hide();
                } else {
                    injectSpace.insertAfter(nav);
                }

                $(window).on("load scroll", function() {
                    if ($(window).scrollTop() > offsetTop + headerHeight) {
                        nav.addClass("is-fixed");
                        injectSpace.show();
                        $(".header .top").hide();
                    } else {
                        nav.removeClass("is-fixed");
                        injectSpace.hide();
                        $(".header .top").show();
                    }

                    if ($(window).scrollTop() > 500) {
                        nav.addClass("is-small");
                    } else {
                        nav.removeClass("is-small");
                    }
                });
            }
        }
    };
    var btnmenu = function() {
        if ($('header').hasClass('header')) {
            $('.mobile-button').on('click', function() {
                $(this).closest('#header_main').find('.mobile-nav-wrap').toggleClass('active');
            });
            $('.mobile-nav-close').on('click', function() {
                $(this).closest('#header_main').find('.mobile-nav-wrap').toggleClass('active');
            });
            $('.mobile-nav-wrap .overlay-mobile-nav').on('click', function() {
                $(this).closest('#header_main').find('.mobile-nav-wrap').toggleClass('active');
            });

            $(document).on("click", ".menu-item-has-children-mobile", function() {
                var args = {
                    duration: 400
                };
                if ($(this).hasClass("active")) {
                    $(this).children(".sub-menu-mobile").slideUp(args);
                    $(this).removeClass("active");
                } else {
                    $(".sub-menu-mobile").slideUp(args);
                    $(this).children(".sub-menu-mobile").slideDown(args);
                    $(".menu-item-has-children-mobile").removeClass("active");
                    $(this).addClass("active");
                }
            });
        }
    }
    var btnCanvas = function() {
        $(function() {
            $(".canvas").click(function() {
                $(".inner-canvas-nav").toggleClass("active");
            });
            $(".inner-canvas-nav .close").click(function() {
                $(".inner-canvas-nav").removeClass("active");
            });
            $(".inner-canvas-nav .close").click(function() {
                $(".inner-canvas-nav").removeClass("active");
            });
        });
    }

    var video = function() {
        if ($("div").hasClass("widget-video")) {
            $(".popup-youtube").magnificPopup({
                type: "iframe",
            });
        }
    };
    var topSearch = function() {
        $(document).on("click", function(e) {
            var clickID = e.target.id;
            if (clickID !== "s") {
                $(".top-search").removeClass("active");
            }
        });
        $(document).on("click", function(e) {
            var clickID = e.target.class;
            if (clickID !== "a111") {
                $(".show-search").removeClass("active");
            }
        });

        $(".show-search").on("click", function(event) {
            event.stopPropagation();
        });
        $(".form-search").on("click", function(event) {
            event.stopPropagation();
        });
        $(".show-search").on("click", function(event) {
            if (!$(".top-search").hasClass("active")) {
                $(".top-search").addClass("active");
                event.preventDefault();
            } else $(".top-search").removeClass("active");
            event.preventDefault();
            if (!$(".show-search").hasClass("active"))
                $(".show-search").addClass("active");
            else $(".show-search").removeClass("active");
        });
    };
    var counter = function() {
        if ($(document.body).hasClass("counter-scroll")) {
            var a = 0;
            $(window).scroll(function() {
                var oTop = $(".counter").offset().top - window.innerHeight;
                if (a == 0 && $(window).scrollTop() > oTop) {
                    if ($().countTo) {
                        $(".counter")
                            .find(".number")
                            .each(function() {
                                var to = $(this).data("to"),
                                    speed = $(this).data("speed");
                                $(this).countTo({
                                    to: to,
                                    speed: speed,
                                });
                            });
                    }
                    a = 1;
                }
            });
        }
    };
    var btnQuantity = function() {
        $(".minus-btn").on("click", function(e) {
            e.preventDefault();
            var $this = $(this);
            var $input = $this.closest("div").find("input");
            var value = parseInt($input.val());

            if (value > 1) {
                value = value - 1;
            }

            $input.val(value);
        });

        $(".plus-btn").on("click", function(e) {
            e.preventDefault();
            var $this = $(this);
            var $input = $this.closest("div").find("input");
            var value = parseInt($input.val());

            if (value > 0) {
                value = value + 1;
            }

            $input.val(value);
        });
    };
    var tabs = function() {
        $(".widget-tabs").each(function() {
            $(this).find(".widget-content-tab").children().hide();
            $(this).find(".widget-content-tab").children(".active").show();
            $(this)
                .find(".widget-menu-tab")
                .children(".item-title")
                .on("click", function() {
                    var liActive = $(this).index();
                    var contentActive = $(this)
                        .siblings()
                        .removeClass("active")
                        .parents(".widget-tabs")
                        .find(".widget-content-tab")
                        .children()
                        .eq(liActive);
                    contentActive.addClass("active").fadeIn("slow");
                    contentActive.siblings().removeClass("active");
                    $(this)
                        .addClass("active")
                        .parents(".widget-tabs")
                        .find(".widget-content-tab")
                        .children()
                        .eq(liActive)
                        .siblings()
                        .hide();
                });
        });
    };
    var styleshop = function() {
        if ($('div').hasClass('wg-shop')) {
            $('.button-list').on('click', function() {
                $('.section-shop-list').find('.col-md-6').removeClass('col-md-6').addClass('col-xl-12');
                $('.section-shop-list').find('.shop-item').addClass('style-list');
            })
            $('.button-grid').on('click', function() {
                $('.section-shop-list').find('.col-xl-12').removeClass('col-xl-12').addClass('col-md-6');
                $('.section-shop-list').find('.shop-item').removeClass('style-list');
            })
        }
    };
    var retinaLogos = function() {
        var retina = window.devicePixelRatio > 1 ? true : false;
        if (retina) {
            var tfheader = $('#logo-header').data('retina');
            $('#logo-header').attr({
                src: tfheader
            });
        }
    };
    //changeValue
    var changeValue = function() {
        if ($(".tf-dropdown-sort").length > 0) {
            $(".select-item").click(function(event) {
                $(this)
                    .closest(".tf-dropdown-sort")
                    .find(".text-sort-value")
                    .text($(this).find(".text-value-item").text());

                $(this)
                    .closest(".dropdown-menu")
                    .find(".select-item.active")
                    .removeClass("active");

                $(this).addClass("active");
            });
        }
    };
    // Dom Ready
    $(function() {
        preloader();
        headerFixed();
        btnmenu();
        btnCanvas();
        topSearch();
        video();
        counter();
        btnQuantity();
        tabs();
        styleshop();
        retinaLogos();
        changeValue();
    });
})(jQuery);