jQuery("document").ready(function ($) {
    $(".nav-item > div > a").hover(function () {
        var menuItem = $(this).parent('div')
        menuItem.next(".sub_nav-item").addClass('oppened_sub_menu');
        menuItem.find("a").addClass('hovered_menu_a');
    }, function () {
        var menuItem = $(this).parent('div')
        menuItem.find("a").removeClass('hovered_menu_a');
        menuItem.next(".sub_nav-item").removeClass('oppened_sub_menu');
    })

    $(".sub_nav-item").hover(function () {
        var menuItem = $(this).prev('div')
        menuItem.next(".sub_nav-item").addClass('oppened_sub_menu');
        menuItem.find("a").addClass('hovered_menu_a');
    }, function () {
        var menuItem = $(this).prev('div')
        menuItem.find("a").removeClass('hovered_menu_a');
        menuItem.next(".sub_nav-item").removeClass('oppened_sub_menu');
    })

    $(".nav-item").hover(function () {
        $(this).find('.sub_nav-item').fadeIn()
    })

    $("#skip_to_content").click(function (e) {
        e.preventDefault()
        $([document.documentElement, document.body]).animate({
            scrollTop: $("#primary").offset().top
        }, 300);
    });


    $(".toggle_menu").click(function (e) {
        e.preventDefault()
        $(".oppened_mobile_sub_menu").slideToggle()
        $(".oppened_mobile_sub_menu").removeClass('oppened_mobile_sub_menu');
        $(".oppened_collapse_child_menu").removeClass('oppened_collapse_child_menu')
        $(".overlay").toggleClass("open");
        $(this).toggleClass('open')
        $(".mobile_menu").slideToggle();
        if ($(this).hasClass("open")) {
            $(this).attr('aria-expanded', true)
            $(this).attr('aria-label', 'Close Main Navigation')
            $("header  .mobile_menu a").attr('tabindex', '0')
            $(".popup").removeClass("open");
            $(".popup").attr('aria-expanded', false)
            $(".popup .close").attr('tabindex', '0')
            $(".popup .quick_quote_form  ul li input , .popup .quick_quote_form  ul li textarea ,.popup .quick_quote_form  .gform_button").attr('tabindex', '-1')
        } else {
            $(this).attr('aria-expanded', false)
            $(this).attr('aria-label', ' Open Main Navigation')
            $("header  .mobile_menu a").attr('tabindex', '-1')
        }
        $('.mobile_menu').toggleClass('open')
    })

    $(".mobile_menu_child_toggle").click(function () {
        var currentMenuItem = $(this).parent('.nav-item.has_child_mobile');
        if ($(".oppened_mobile_sub_menu").length > 0 && !currentMenuItem.find('div').find('.sub_nav-item_mobile').hasClass('oppened_mobile_sub_menu')) {
            $(".oppened_mobile_sub_menu").slideToggle()
            $(".oppened_mobile_sub_menu").removeClass('oppened_mobile_sub_menu');
            $(".oppened_collapse_child_menu").removeClass('oppened_collapse_child_menu')
        }
        currentMenuItem.find('div').find('.sub_nav-item_mobile').slideToggle()
        currentMenuItem.find('div').find('.sub_nav-item_mobile').toggleClass('oppened_mobile_sub_menu')
        $(this).toggleClass('oppened_collapse_child_menu');
    })

    $(".overlay").click(function (e) {
        e.preventDefault()
        $('.toggle_menu').attr('aria-expanded', false)
        $('.toggle_menu').attr('aria-label', ' Open Main Navigation')
        $('.toggle_menu').removeClass('open');
        $("header  .mobile_menu a").attr('tabindex', '-1')
        $('.mobile_menu').removeClass('open');
        $(".overlay").removeClass("open");
        $(".popup").removeClass("open");
        $(".popup").attr('aria-expanded', false)
        $(".popup .close").attr('tabindex', '0')
        $(".popup .quick_quote_form  ul li input , .popup .quick_quote_form  ul li textarea ,.popup .quick_quote_form .gform_button").attr('tabindex', '-1')
    })
    $(document).keyup(function (e) {
        if (e.key === "Escape") {
            $(".mobile_menu").removeClass("open");
            $(".toggle_menu").attr('aria-expanded', false)
            $(".toggle_menu").attr('aria-label', ' Open Main Navigation')
            $(".toggle_menu").removeClass("open");
            $(".overlay").removeClass("open");
            $(".popup").removeClass("open");
            $(".popup").attr('aria-expanded', false)
            $(".popup .close").attr('tabindex', '0')
            $(".popup .quick_quote_form  ul li input , .popup .quick_quote_form  ul li textarea ,.popup .quick_quote_form  ul li button").attr('tabindex', '-1')
        }
    })

    var $homeSlick = $('.home_slick_second_slider_item_it');
    $homeSlick.on('init', function (slick, i) {
        $(".home_large_slider_main_slider_item:first-child").addClass('showed_home_slider_item');
    });
    $homeSlick.on('beforeChange', function (event, slick, currentSlide, nextSlide) {
        var next_cus = nextSlide + 1;
        var onePoinWidth = 100 / slick['slideCount'];
        var sliderTrackPoin = nextSlide * onePoinWidth;
        $(".slick_track_point").css('left', sliderTrackPoin + '%');
        $(".showed_home_slider_item").removeClass('showed_home_slider_item')
        $(".home_large_slider_main_slider_item[data-index_cus='" + next_cus + "']").addClass('showed_home_slider_item');
    });
    $homeSlick.slick({
        infinite: true,
        slidesToShow: 1,
        fade: true,
        slidesToScroll: 1,
        prevArrow: $('.slick_arrow_custom.left_custom_arrow'),
        nextArrow: $('.slick_arrow_custom.right_custom_arrow'),
        accessibility: true,
        variableWidth: false,
        focusOnSelect: false,
        centerMode: false,
    })

    var didScroll;
    var lastScrollTop = 0;
    var delta = 5;
    var navbarHeight = $('header').outerHeight();

    $(window).scroll(function (event) {
        didScroll = true;
    });

    setInterval(function () {
        if (didScroll) {
            hasScrolled();
            didScroll = false;
        }
    }, 250);

    function hasScrolled() {
        var st = $(this).scrollTop();

        // Make sure they scroll more than delta
        if (Math.abs(lastScrollTop - st) <= delta)
            return;

        // If they scrolled down and are past the navbar, add class .nav-up.
        // This is necessary so you never see what is "behind" the navbar.
        if (st > lastScrollTop && st > navbarHeight) {
            // Scroll Down
            $('#site_header').removeClass('nav-down').addClass('nav-up');
            if ($('.toggle_menu ').hasClass('open')) {
                $('.mobile_menu.open').slideToggle();
                $('.toggle_menu').removeClass('open')
                $('.mobile_menu').removeClass('open');
            }
        } else {
            // Scroll Up
            if (st + $(window).height() < $(document).height()) {
                $('#site_header').removeClass('nav-up').addClass('nav-down');
            }
        }

        lastScrollTop = st;
    }

    if ($('.image_section_hover_statemate').length > 0) {
        function parallaxItem() {
            var parallaxController = new ScrollMagic.Controller({
                globalSceneOptions: {
                    triggerHook: "onEnter",
                    duration: "70%",
                    offset: 50
                }
            });

            $('.image_section_hover_statemate').each(function () {
                var trig = this.parentNode,
                    parallax = this.getAttribute('data-parallax'),
                    speed;
                // if($(window).width() > 1400 ) {
                //     speed = '600px';
                // } else if($(window).width() <= 1400 && $(window).width() > 1200) {
                //     speed = '400px';
                // } else if($(window).width() <= 1200 && $(window).width() > 850) {
                //     speed = '300px';
                // } else if($(window).width() <= 1200 && $(window).width() > 850) {
                //     speed = '220px'
                // }
                speed = $('.image_section').height();
                speed = '-' + speed;

                new ScrollMagic.Scene({triggerElement: trig})
                    .setTween(this, {y: speed, ease: Linear.easeNone})
                    .addTo(parallaxController);
            })
        }

        $(window).resize(function () {
            parallaxItem();
        })
        parallaxItem();
    }

    $('.home_our_numbers .item .number').each(function () {
        // $(this).css("width" , $(this).width()+"px")
    });

    function numberWithCommas(number) {
        var parts = number.toString().split(".");
        parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
        return parts.join(".");
    }

    if ($(".home_our_numbers").length > 0) {
        var i = 0
        let different = $('.home_our_numbers');
        let different_mobile = $('.home_our_numbers .item ');
        var sroll = false
        $(window).scroll(function () {
            if ($(window).width() < 767) {
                $('.home_our_numbers .item ').each(function () {
                    if (pageYOffset > $(this).offset().top - $(this).outerHeight() + 300 - window.innerHeight) {
                        if (!$(this).hasClass('active')) {
                            sroll = false
                        }
                        if (sroll == false) {
                            $(this).find('.number .counter').each(function () {
                                $(this).css("width", $(this).width() + "px")
                                $(this).closest('.item').addClass('active')
                                $(this).closest('.item').find('.zero').addClass('disable')
                                $(this).addClass('active')
                                var text = $(this).text().replace(',', "");
                                var number = parseInt(text.replace(/[^0-9.]/g, ""));
                                var text_array = text.split(number)
                                $(this).prop('Counter', 0).animate({
                                    Counter: number
                                }, {
                                    duration: 3000,
                                    easing: 'linear',
                                    fillMode: 'forwards',
                                    step: function (now) {
                                        $(this).text(text_array[0] + numberWithCommas(Math.ceil(now)) + text_array[1]);
                                    },
                                    complete: function () {
                                        $(this).text(text_array[0] + numberWithCommas(number) + text_array[1]);
                                    }
                                });
                            });
                            sroll = true
                        }
                    }
                })
            } else {
                if (pageYOffset > $(different).offset().top - $(different).outerHeight() + 500 - window.innerHeight) {
                    if (sroll == false) {
                        $('.home_our_numbers .item .number .counter').each(function () {
                            $(this).css("width", $(this).width() + "px")
                            $(this).closest('.item').addClass('active')
                            $(this).closest('.item').find('.zero').addClass('disable')
                            $(this).addClass('active')
                            var text = $(this).text().replace(',', "");
                            var number = parseInt(text.replace(/[^0-9.]/g, ""));
                            // console.log(number)
                            var text_array = text.split(number)
                            // console.log(text_array)
                            $(this).prop('Counter', 0).animate({
                                Counter: number
                            }, {
                                duration: 3000,
                                easing: 'linear',
                                fillMode: 'forwards',
                                step: function (now) {
                                    $(this).text(text_array[0] + numberWithCommas(Math.ceil(now)) + text_array[1]);
                                },
                                complete: function () {
                                    $(this).text(text_array[0] + numberWithCommas(number) + text_array[1]);
                                }
                            });
                        });
                        sroll = true
                    }
                }
            }
        });
    }

    if ($('.car-slider').length) { // ingredient carousel
        let carousel = $('.car-slider .slid-main');
        carousel.slick({
            dots: true,
            arrows: true,
            prevArrow: "<button class='slick-prev'><svg width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><g id=\"Complete2\"><g id=\"F-Chevron2\"><polyline fill=\"none\" id=\"Left2\" points=\"15.5 5 8.5 12 15.5 19\" stroke=\"#fff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></g></svg></button>",
            nextArrow: "<button class='slick-next'><svg width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><g id=\"Complete\"><g id=\"F-Chevron\"><polyline fill=\"none\" id=\"Right\" points=\"8.5 5 15.5 12 8.5 19\" stroke=\"#fff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></g></svg></button>",
            infinite: true,
            speed: 500,
            slidesToShow: 1,
            slidesToScroll: 1,
            autoplay: true,
            autoplaySpeed: 3000,
            pauseOnHover: false,
        })
    }

    if ($('.tabs').length) { // ingredient tabs
        let $tabButtonItem = $('.tab-item'),
            $tabContents = $('.tab-item-container'),
            activeClass = 'is-active';
        if ($(window).width() > 767) {
            $tabButtonItem.first().addClass(activeClass);
            $tabContents.not(':first').hide();
            $('.tab-item-container:first-child .inner-container').addClass('active-tab-mobile');

            $tabButtonItem.find('a').on('click', function (e) {
                let target = $(this).attr('href');
                $tabButtonItem.removeClass(activeClass);
                $('.tabs-icon-box').removeClass('active');
                $(this).parents('.tab-item').addClass(activeClass);
                $tabContents.hide();
                $(target).show();
                $('.tabs-icon-box', target).addClass('active');
                $('.tab-item-container .inner-container').removeClass('active-tab-mobile');
                $('.inner-container', target).addClass('active-tab-mobile');
                e.preventDefault();
            });
        }

        if ($(window).width() < 768) {
            $('.tab-item-container .inner-container').removeClass('active-tab-mobile');
        }

        let mobTab = $('.tab-item-container .tab-title');

        mobTab.on('click', function (e) {
            e.preventDefault();
            // $('.tab-item-container .inner-container').removeClass('active-tab-mobile');
            $(this).parent().toggleClass('active-tab-mobile');
        })
    }

    if ($('.form-btn').length) { // btn form
        $(".form-btn a").click(function (e) {
            e.preventDefault();
            let next = $(this).parents('.form-btn').next().find('.ingredients_forms_form');
            let par = $(this).parent('.arrow_button_hover_container');
            par.toggleClass('active');
            next.slideToggle();
        })
    }

    if ($('.page-research-filter').length) {
        var numSlick = 0;
        $('.page-research-filter .list-main').each(function () {
            numSlick++;
            $(this).addClass('slider-' + numSlick).slick({
                slidesToShow: 3,
                slidesToScroll: 3,
                arrows: true,
                dots: false,
                swipe: false,
                infinite: true,
                speed: 500,
                autoplay: true,
                autoplaySpeed: 5000,
                responsive: [
                    {
                        breakpoint: 993,
                        settings: {
                            slidesToShow: 2,
                            slidesToScroll: 2,
                        }
                    },
                    {
                        breakpoint: 768,
                        settings: {
                            slidesToShow: 1,
                            slidesToScroll: 1,
                        }
                    }
                ]
            });
        });
    }

    if ($('.page-default-filter').length) {
        var numSlick = 0;
        $('.page-default-filter .list-main').each(function () {
            numSlick++;
            $(this).addClass('slider-' + numSlick).slick({
                slidesToShow: 3,
                slidesToScroll: 3,
                arrows: true,
                dots: false,
                swipe: false,
                infinite: true,
                speed: 500,
                autoplay: true,
                autoplaySpeed: 5000,
                responsive: [
                    {
                        breakpoint: 993,
                        settings: {
                            slidesToShow: 2,
                            slidesToScroll: 2,
                        }
                    },
                    {
                        breakpoint: 768,
                        settings: {
                            slidesToShow: 1,
                            slidesToScroll: 1,
                        }
                    }
                ]
            });
        });
    }

    if ($('.page-videos-filter').length) {
        var numSlick = 0;
        $('.page-videos-filter .list-main').each(function () {
            numSlick++;
            $(this).addClass('slider-' + numSlick).slick({
                slidesToShow: 3,
                slidesToScroll: 3,
                arrows: true,
                dots: false,
                swipe: false,
                infinite: true,
                speed: 500,
                // autoplay: true,
                // autoplaySpeed: 5000,
                responsive: [
                    {
                        breakpoint: 993,
                        settings: {
                            slidesToShow: 2,
                            slidesToScroll: 2,
                        }
                    },
                    {
                        breakpoint: 768,
                        settings: {
                            slidesToShow: 1,
                            slidesToScroll: 1,
                        }
                    }
                ]
            });
        });
    }

    function videos() {
        $(".videos-main").prop("volume", 0.0);
        $(".videos-main").hover(
            function (e) {
                $(this).get(0).play();
            },
            function (e) {
                $(this).get(0).pause();
            }
        );

        function format(s) {
            var m = Math.floor(s / 60);
            m = (m >= 10) ? m : "0" + m;
            s = Math.floor(s % 60);
            s = (s >= 10) ? s : "0" + s;
            return m + ":" + s;
        }

        $(window).on('load', function () {
            var inter = setInterval(function () {
                $('.videos-main').each(function () {
                    $(this).parents('.feat-img-container').find('.video-duration').html(format($(this)[0].duration));
                })
            }, 200);

            setTimeout(function () {
                clearInterval(inter);
            }, 3000)
        })

        $('.videos-item a').on({
            click: function (e) {
                e.preventDefault();
                let url = $(this).data('video-url'),
                    title = $(this).data('video-title');

                $('.video-popup-main').addClass('active');
                $('.overlay').addClass('active');
                $('.video-popup-main video source').attr('src', url);
                $('.video-popup-main video')[0].load();
                $('.video-popup-main video')[0].play();
                $('.video-popup-main .video-title').html(title);
            }
        })
    }

    function videoDuration() {
        function format(s) {
            var m = Math.floor(s / 60);
            m = (m >= 10) ? m : "0" + m;
            s = Math.floor(s % 60);
            s = (s >= 10) ? s : "0" + s;
            return m + ":" + s;
        }

        setTimeout(function () {
            $('.videos-main').each(function () {
                $(this).parents('.feat-img-container').find('.video-duration').html(format($(this)[0].duration));
            })
        }, 2000)
    }

    videos();

    if ($('.page-filter').length) { //  filter
        $(document).on("click", function (event) {
            if ($(".selected").hasClass('active') && event.target.className != 'selected active' && event.target.className != 'selected-text' && event.target.className != 'arrow-bottom') {
                $('.selected').removeClass('active');
            }
            if ($(".selected").hasClass('active')) {
            } else {
                $('.categories').removeClass('active');
            }
        })

        $(".selected").click(function (e) {
            if ($(this).hasClass("active")) {
                $(this).removeClass('active');
                $(this).parent('.categories').removeClass('active');
            } else {
                $('.categories').removeClass('active');
                $('.selected').removeClass('active');
                $(this).addClass('active');
                $(this).parent('.categories').addClass('active');
            }
        })

        $('.search-form .search-input').keyup(function () {
            if ($(this).val().length >= 1) {
                $('.search-form').addClass('active-close');
            } else {
                $('.search-form').removeClass('active-close');
            }
        })
    }

    if ($('.post-filter').length) { // post filter
        let filter = {};
        let loadMoreCall = false;
        filter.paged = 1;
        filter.currentPage = 1;
        let maxNumPages = $('.max').data('max-page');

        $(".filter .categories ul li").click(function (e) {
            let tax = $(this).parent().data('tax');
            let cat = $(this).data('cat');
            let text = $(this).text();
            let thisCat = $(this).parents('div.categories').addClass('active-parent');
            if (thisCat.hasClass('active-parent')) {
                $('.active-parent .selected span').text(text);
                $('.active-parent .selected span').attr('data-cat', cat);
                thisCat.removeClass('active-parent');
            }
            filter[tax] = cat;
            filter.paged = 1;
            postAjax();
        })

        $('.search-form form').on('submit', function (e) {
            e.preventDefault();
            filter.search = $(this).find('.search-input').val();
            filter.paged = 1;
            postAjax();
        })

        $('.search-form .remove').click(function (e) {
            e.preventDefault();
            $('.search-form .search-input').val('');
            var key = "search";
            delete filter[key];
            postAjax();
            $('.search-form').removeClass('active-close');
        })

        function postAjax() {
            jQuery.ajax({
                url: ajaxurl,
                type: 'post',
                data: {
                    action: 'post_filter',
                    filter: filter,
                },
                success: function (response) {
                    var content = response.split("^}");
                    maxNumPages = parseInt(content[1]);
                    if (loadMoreCall) {
                        filter.currentPage++;
                        filter.paged = filter.currentPage;
                        $(".page-post-filter .list-main").append(content[0]);
                    } else {
                        $(".page-post-filter .list-main").empty().append(content[0]);
                    }
                    if (filter.paged >= maxNumPages) {
                        $('.load-more-main').hide();
                    } else {
                        $('.load-more-main').show();
                    }
                    loadMoreCall = false;
                }
            });
        }

        $('.load-more-main a').click(function (e) {
            e.preventDefault();
            if (loadMoreCall) {
                return false;
            }
            loadMoreCall = true;
            filter.paged++;
            postAjax();
        })
    }

    if ($('.newsletter-filter').length) { // newsletter filter
        let filter = {};
        let loadMoreCall = false;
        filter.paged = 1;
        filter.currentPage = 1;
        let maxNumPages = $('.max').data('max-page');

        $(".filter .categories ul li").click(function (e) {
            let tax = $(this).parent().data('tax');
            let cat = $(this).data('cat');
            let text = $(this).text();
            let thisCat = $(this).parents('div.categories').addClass('active-parent');
            if (thisCat.hasClass('active-parent')) {
                $('.active-parent .selected span').text(text);
                $('.active-parent .selected span').attr('data-cat', cat);
                thisCat.removeClass('active-parent');
            }
            filter[tax] = cat;
            filter.paged = 1;
            postAjax();
        })

        $('.search-form form').on('submit', function (e) {
            e.preventDefault();
            filter.search = $(this).find('.search-input').val();
            filter.paged = 1;
            postAjax();
        })

        $('.search-form .remove').click(function (e) {
            e.preventDefault();
            $('.search-form .search-input').val('');
            var key = "search";
            delete filter[key];
            postAjax();
            $('.search-form').removeClass('active-close');
        })

        function postAjax() {
            jQuery.ajax({
                url: ajaxurl,
                type: 'post',
                data: {
                    action: 'newsletter_filter',
                    filter: filter,
                },
                success: function (response) {
                    var content = response.split("^}");
                    maxNumPages = parseInt(content[1]);
                    if (loadMoreCall) {
                        filter.currentPage++;
                        filter.paged = filter.currentPage;
                        $(".page-newsletter-filter .list-main").append(content[0]);
                    } else {
                        $(".page-newsletter-filter .list-main").empty().append(content[0]);
                    }
                    if (filter.paged >= maxNumPages) {
                        $('.load-more-main').hide();
                    } else {
                        $('.load-more-main').show();
                    }
                    loadMoreCall = false;
                }
            });
        }

        $('.load-more-main a').click(function (e) {
            e.preventDefault();
            if (loadMoreCall) {
                return false;
            }
            loadMoreCall = true;
            filter.paged++;
            postAjax();
        })
    }

    if ($('.research-filter').length) { // research filter
        let filter = {};
        let loadMoreCall = false;
        filter.paged = 1;
        filter.currentPage = 1;
        let num = $('.page-research-filter').data('research-count');
        let maxNumPages = 0;
        if (num > 15) {
            maxNumPages = num / 9;
        }

        $(".filter .categories ul li").click(function (e) {
            let tax = $(this).parent().data('tax');
            let cat = $(this).data('cat');
            let text = $(this).text();
            let thisCat = $(this).parents('div.categories').addClass('active-parent');
            if (thisCat.hasClass('active-parent')) {
                $('.active-parent .selected span').text(text);
                $('.active-parent .selected span').attr('data-cat', cat);
                thisCat.removeClass('active-parent');
            }
            filter[tax] = cat;
            filter.paged = 1;
            researchAjax();
        })

        $('.search-form form').on('submit', function (e) {
            e.preventDefault();
            filter.search = $(this).find('.search-input').val();
            filter.paged = 1;
            researchAjax();
        })

        $('.search-form .remove').click(function (e) {
            e.preventDefault();
            $('.search-form .search-input').val('');
            var key = "search";
            delete filter[key];
            researchAjax();
            $('.search-form').removeClass('active-close');
        })

        function researchAjax() {
            jQuery.ajax({
                url: ajaxurl,
                type: 'post',
                data: {
                    action: 'research_filter',
                    filter: filter,
                },
                success: function (response) {
                    $('.post-list-style-global.research-style').remove();
                    var content = response.split("^}");
                    maxNumPages = parseInt(content[1]);
                    if (loadMoreCall) {
                        filter.currentPage++;
                        filter.paged = filter.currentPage;
                        $(".filtered-list.list-post-styles").append(content[0]);
                    } else {
                        $(".filtered-list.list-post-styles").empty().append(content[0]);
                    }
                    if (filter.paged >= maxNumPages) {
                        $('.load-more-main').hide();
                    } else {
                        $('.load-more-main').show();
                    }
                    loadMoreCall = false;
                }
            });
        }

        $('.load-more-main a').click(function (e) {
            e.preventDefault();
            if (loadMoreCall) {
                return false;
            }
            loadMoreCall = true;
            filter.paged++;
            researchAjax();
        })
    }

    if ($('.videos-filter').length) { // videos filter
        let filter = {};
        let loadMoreCall = false;
        filter.paged = 1;
        filter.currentPage = 1;
        let num = $('.page-videos-filter').data('videos-count');
        let maxNumPages = 0;
        if (num > 9) {
            maxNumPages = num / 9;
        }

        $(".filter .categories ul li").click(function (e) {
            let tax = $(this).parent().data('tax');
            let cat = $(this).data('cat');
            let text = $(this).text();
            let thisCat = $(this).parents('div.categories').addClass('active-parent');
            if (thisCat.hasClass('active-parent')) {
                $('.active-parent .selected span').text(text);
                $('.active-parent .selected span').attr('data-cat', cat);
                thisCat.removeClass('active-parent');
            }
            filter[tax] = cat;
            filter.paged = 1;
            videosAjax();
        })

        $('.search-form form').on('submit', function (e) {
            e.preventDefault();
            filter.search = $(this).find('.search-input').val();
            filter.paged = 1;
            videosAjax();
        })

        $('.search-form .remove').click(function (e) {
            e.preventDefault();
            $('.search-form .search-input').val('');
            var key = "search";
            delete filter[key];
            videosAjax();
            $('.search-form').removeClass('active-close');
        })

        function videosAjax() {
            jQuery.ajax({
                url: ajaxurl,
                type: 'post',
                data: {
                    action: 'videos_filter',
                    filter: filter,
                },
                success: function (response) {
                    $('.post-list-style-global.videos-style').remove();
                    var content = response.split("^}");
                    maxNumPages = parseInt(content[1]);
                    if (loadMoreCall) {
                        filter.currentPage++;
                        filter.paged = filter.currentPage;
                        $(".filtered-list.list-post-styles").append(content[0]);
                    } else {
                        $(".filtered-list.list-post-styles").empty().append(content[0]);
                    }
                    if (filter.paged >= maxNumPages) {
                        $('.load-more-main').hide();
                    } else {
                        $('.load-more-main').show();
                    }
                    loadMoreCall = false;
                    videos();
                    videoDuration();
                }
            });
        }

        $('.load-more-main a').click(function (e) {
            e.preventDefault();
            if (loadMoreCall) {
                return false;
            }
            loadMoreCall = true;
            filter.paged++;
            videosAjax();
        })
    }

    if ($('.popular-filter').length) { // popular filter
        let filter = {};
        // let loadMoreCall = false;
        // filter.paged = 1;
        // filter.currentPage = 1;

        $('.search-form form').on('submit', function (e) {
            $('.all-posts').empty();
            $('.all-posts').removeClass('active');
            $('.post-items-main-list').empty();
            $('.post-searched-posts.post').removeClass('active');
            $('.research-items-main-list').empty();
            $('.research-searched-posts.research').removeClass('active');
            $('.videos-items-main-list').empty();
            $('.videos-searched-posts.videos').removeClass('active');

            e.preventDefault();
            filter.search = $(this).find('.search-input').val();
            // filter.paged = 1;
            popularAjax();
        })

        $('.search-form .remove').click(function (e) {
            e.preventDefault();
            $('.search-form .search-input').val('');
            var key = "search";
            delete filter[key];
            popularAjax();
            $('.search-form').removeClass('active-close');
        })

        function popularAjax() {
            jQuery.ajax({
                url: ajaxurl,
                type: 'post',
                data: {
                    action: 'popular_filter',
                    filter: filter,
                },
                success: function (response) {
                    $('.post-list-style-global').remove();
                    // var content = response.split("^}");
                    // maxNumPages = parseInt(content[1]);
                    // if (loadMoreCall) {
                    //     filter.currentPage++;
                    //     filter.paged = filter.currentPage;
                    $(".all-posts").append(response);
                    videos();
                    setTimeout(function(){
                        videoDuration();
                    },1500);
                    // } else {
                    //     $(".all-posts").empty().append(content[0]);
                    // }
                    // loadMoreCall = false;
                    $('.all-posts .post-item').each(function () {
                        if ($(this).hasClass('research')) {
                            $('.research-items-main-list').append($(this));
                            $('.research-searched-posts.research').addClass('active');
                        }
                        if ($(this).hasClass('videos')) {
                            $('.videos-items-main-list').append($(this));
                            $('.videos-searched-posts.videos').addClass('active');
                        }
                        if ($(this).hasClass('post')) {
                            $('.post-items-main-list').append($(this));
                            $('.post-searched-posts.post').addClass('active');
                        }
                    })

                    if ($('.all-posts .nothing-text').length) {
                        $('.all-posts').addClass('active');
                    }
                }
            });
        }
    }

    $('.overlay').on({
        click: function (e) {
            e.preventDefault();
            $('.video-popup-main').removeClass('active');
            $('.overlay').removeClass('active');
            $('.video-popup-main video')[0].pause();
            $('.video-popup-main video source').attr('src', '');
            $('.video-popup-main .video-title').html('');
        }
    })

    $('.close-video-popup a').on({
        click: function (e) {
            e.preventDefault();
            $('.video-popup-main').removeClass('active');
            $('.overlay').removeClass('active');
            $('.video-popup-main video')[0].pause();
            $('.video-popup-main video source').attr('src', '');
            $('.video-popup-main .video-title').html('');
        }
    })

    $('.search-categories .mob-icon a').on({
        click: function (e) {
            e.preventDefault();
            $(this).parents('.search-categories').addClass('active');
        }
    })

    $('.search-categories .mob-icon-close a').on({
        click: function (e) {
            e.preventDefault();
            $(this).parents('.search-categories').removeClass('active');
        }
    })

    $('.close-menu-drop').on({
        click: function (e) {
            e.preventDefault();
            $('.post_catalog .page-filter .filter-navigation .filter-col .filter .filter-style .categories').removeClass('active');
            $('.filter-col .filter .filter-style .categories .selected').removeClass('active');
        }
    })
});

AOS.init({
    // Global settings:
    disable: function () {
        var maxWidth = 1600;
        console.log(window.innerWidth)
        return window.innerWidth < maxWidth;
    }, // accepts following values: 'phone', 'tablet', 'mobile', boolean, expression or function
    startEvent: 'DOMContentLoaded', // name of the event dispatched on the document, that AOS should initialize on
    initClassName: 'aos-init', // class applied after initialization
    animatedClassName: 'aos-animate', // class applied on animation
    useClassNames: false, // if true, will add content of `data-aos` as classes on scroll
    disableMutationObserver: false, // disables automatic mutations' detections (advanced)
    debounceDelay: 50, // the delay on debounce used while resizing window (advanced)
    throttleDelay: 99, // the delay on throttle used while scrolling the page (advanced)


    // Settings that can be overridden on per-element basis, by `data-aos-*` attributes:
    offset: 120, // offset (in px) from the original trigger point
    duration: 500, // values from 0 to 3000, with step 50ms
    easing: 'ease-in-out', // default easing for AOS animations
    once: true, // whether animation should happen only once - while scrolling down
    mirror: false, // whether elements should animate out while scrolling past them
    anchorPlacement: 'top-bottom', // defines which position of the element regarding to window should trigger the animation

});