/*
Template: Babyme - Parenting Blog WordPress Theme
Author: iqonicthemes.in
Version: 1.0
Design and Developed by: iqonicthemes.in
*/

/*----------------------------------------------
Index Of Script
------------------------------------------------

1.Page Loader
2.Header
3.Sub Menu
4.Sidebar
5.Sticky sidebar
6.vertical header sidebar
7.Search Toggle
8.Wow Animation
9.Back To Top



------------------------------------------------
Index Of Script
----------------------------------------------*/
(function (jQuery) {

    "use strict";

    jQuery(window).on('load', function (e) {

        jQuery('ul.page-numbers').addClass('justify-content-center');

        //------------------------------------------------

        /*------------------------
        Page Loader
        --------------------------*/

        jQuery("#load").fadeOut();
        jQuery("#loading").delay(0).fadeOut("slow");


        /*------------------------
        Back To Top
        --------------------------*/
        jQuery('#back-to-top').fadeOut();
        jQuery(window).on("scroll", function () {
            if (jQuery(this).scrollTop() > 250) {
                jQuery('#back-to-top').fadeIn(1400);
            } else {
                jQuery('#back-to-top').fadeOut(400);
            }
        });

        // scroll body to 0px on click
        jQuery('#top').on('click', function () {
            jQuery('top').tooltip('hide');
            jQuery('body,html').animate({
                scrollTop: 0
            }, 800);
            return false;
        });


        /*------------------------
       Header
        --------------------------*/
            function headerHeight() {
                var height = jQuery("#main-header").height();
                jQuery('.iq-height').css('height', height + 'px');
            }

            jQuery(function () {
                var header = jQuery("#main-header"),
                    yOffset = 0,
                    triggerPoint = 80;
                headerHeight();
                jQuery(window).resize(headerHeight);
            });

            jQuery(window).on('scroll', function () {
                if (jQuery(this).scrollTop() > 128) {
                    jQuery('header').addClass('menu-sticky');
                    jQuery('.has-sticky .logo').addClass('logo-display');
                    jQuery('header .main-header').addClass('animated slideInDown');
                } else if (jQuery(this).scrollTop() < 20) {
                    jQuery('header').removeClass('menu-sticky');
                    jQuery('.has-sticky .logo').removeClass('logo-display');
                    jQuery('header .main-header').removeClass('animated slideInDown');
                }
            });
               
            jQuery('.sub-menu').css('display', 'none');
            jQuery('.sub-menu').prev().addClass('isubmenu');
            jQuery(".sub-menu").before('<i class="fas fa-caret-down toggleddrop" aria-hidden="true"></i>');

            // I don't know where it used.
            jQuery('.widget .ion-ios-arrow-down, #main .ion-ios-arrow-down').on('click', function () {
                jQuery(this).next('.children, .sub-menu').slideToggle();
            });

            if (jQuery(window).width() < 1200) {
                jQuery(document).on('click', '#top-menu .menu-item .toggleddrop', function (e) {
                    e.preventDefault();
                    jQuery(this).next('.children, .sub-menu').slideToggle();
                });
            } else {
                jQuery("#top-menu .menu-item .toggleddrop").off("click");
            }

        });

        jQuery(document).ready(function () {


        /*------------------------
            Wow Animation
        --------------------------*/


        jQuery(window).on('resize', function () {
            "use strict";
            jQuery('.widget .ion-ios-arrow-down, #main .ion-ios-arrow-down').on('click', function () {
                jQuery(this).next('.children, .sub-menu').slideToggle();
            });

            jQuery("#top-menu .menu-item .toggledrop").off("click");
            if (jQuery(window).width() < 1200) {
                jQuery('#top-menu .menu-item .toggledrop').on('click', function (e) {
                    e.preventDefault();
                    jQuery(this).next('.children, .sub-menu').slideToggle();
                });
            }
        });


    });

    /*------------------------
    vertical header sidebar
    --------------------------*/

    if (jQuery('.vertical').length > 0) {

        jQuery(document).on('click', '#vertical-btn-id', function (event) {
            event.stopPropagation();
            document.getElementById("vertical-sidebar").style.width = "50%";
            jQuery('.vertical-btn').css('display', 'none');
            jQuery('.vertical-btn-open').css('display', 'block');
            jQuery('header.style-vertical #menu-sidebar-scrollbar').css('display', 'block');
            if (window.matchMedia('(max-width: 767px)').matches) {
                document.getElementById("vertical-sidebar").style.width = "100%";
            }
        });

        function verticalside() {
            document.getElementById("vertical-sidebar").style.width = "100px";
            jQuery('.vertical-btn').css('display', 'block');
            jQuery('.vertical-btn-open').css('display', 'none');
            jQuery('header.style-vertical #menu-sidebar-scrollbar').css('display', 'none');
            jQuery(window).resize(function () {
                if (window.matchMedia('(max-width: 767px)').matches) {
                    document.getElementById("vertical-sidebar").style.width = "50px";
                }
            });
        }
        jQuery(document).on('click', '#vertical-btn-open-id', function (event) {
            event.stopPropagation();
            verticalside();
        });
        jQuery(document).on('click', function (event) {
            verticalside();
        });
        jQuery(window).resize(function () {
            if (window.matchMedia('(max-width: 767px)').matches) {
                jQuery(document).on('click', '#vertical-btn-open-id', function () {
                    document.getElementById("vertical-sidebar").style.width = "50px";
                });
            }
        });

        jQuery(document).on('click', '#vertical-sidebar', function (event) {
            event.stopPropagation();
        });


        jQuery('.vertical ul .sub-menu').addClass('iq-has-sub-menu');
        jQuery('.vertical ul').removeClass('sub-menu');
        jQuery('#vertical-menu > li > ul').attr('data-parent', '#vertical-menu');

        jQuery(".vertical li.menu-item-has-children").each(function () {


            let href = jQuery(this).find('a:first').attr('href');
            let id = href.replace('#', '');

            if (id == '') {
                id = 'menuId-' + Math.floor((Math.random() * 100000) + 1);
                jQuery(this).find('a:first').attr('href', '#' + id);
            }

            jQuery(this).find('a:first').prepend("<i class='fa fa-angle-right iq-arrow-right'></i>");
            jQuery(this).find('a:first').attr('data-toggle', 'collapse');
            jQuery(this).find('a:first').attr('aria-expanded', 'false');
            jQuery(this).find('a:first').addClass('iq-waves-effect');
            jQuery(this).find('ul.iq-has-sub-menu:first').addClass('collapse');
            jQuery(this).find('ul.iq-has-sub-menu:first').attr('id', id);

        });

    }

    jQuery(document).on("click", '#vertical-menu > li > a', function () {
        jQuery('#vertical-menu > li > a').parent().removeClass('active');
        jQuery(this).parent().addClass('active');
        if (jQuery(this).hasClass('collapsed')) {
            jQuery(this).parent().removeClass('active');
        }

    });

    jQuery("#vertical-menu-btn-close").click(function () {
        jQuery("body").toggleClass("vertical-menu-close");

    });

    jQuery("#vertical-menu-btn-open").click(function () {
        jQuery("body").toggleClass("vertical-menu-close");
    });

    jQuery('body').mouseup(function (e) {
        if (jQuery(e.target).closest(".style-vertical").length === 0) {
            jQuery("body").removeClass("vertical-menu-close");
        }
    });

    /*---------------------------
        Sidebar
        ---------------------------*/
    if (jQuery('#menu-btn-side-open').length > 0) {
        jQuery("#menu-btn-side-open").click(function () {
            jQuery("body").toggleClass("side-bar-open");

        });

        jQuery("#menu-btn-side-close").click(function () {
            jQuery("body").toggleClass("side-bar-open");
        });

        jQuery('body').mouseup(function (e) {
            if (jQuery(e.target).closest(".iq-menu-side-bar").length === 0) {
                jQuery("body").removeClass("side-bar-open");
            }
        });

        jQuery(".iq-menu-side-bar").mouseleave(function () {
            jQuery(window).scroll(function () {
                jQuery("body").removeClass("side-bar-open");
            });
        });

        jQuery(window).scroll(function () {
            let scroll = jQuery(window).scrollTop();
            if (scroll >= 100000 && jQuery("body").hasClass("side-bar-open")) {
                jQuery("body").removeClass("side-bar-open");
            }
        });
    }
    /*------------------------
        Search Toggle
    --------------------------*/
    jQuery("header .iq-search").click(function (event) {
        event.stopPropagation();
    });
    jQuery("header .iq-search i").click(function (event) {
        event.stopPropagation();
        jQuery("header .iq-search .search-form").toggle("slow", function () { });
    });
    jQuery(document).on('click', function (event) {
        jQuery("header .iq-search .search-form").hide("slow", function () { });
    });

    /*------------------------
       Sticky sidebar
   --------------------------*/
    if (jQuery('.popup-youtube').length > 0) {
        jQuery('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
            disableOn: 700,
            type: 'iframe',
            mainClass: 'mfp-fade',
            removalDelay: 160,
            preloader: false,
            fixedContentPos: false
        });
    }
    // add parent div
    jQuery(".sidebar-inner .elementor-widget-container").wrapInner("<div id='new-sticky'></div>");

    function scrollsidebar() {
        jQuery(window).on("load", function () {
            if (window.matchMedia('(min-width: 768px)').matches) {
                jQuery.stickysidebarscroll("#new-sticky", {
                    offset: {
                        top: 120,
                        bottom: 700
                    }
                });
            }
        });
    }
    scrollsidebar();
    window.dispatchEvent(new Event('resize'));
    MutationObserver = window.MutationObserver || window.WebKitMutationObserver;


    var observer = {};
    let elementsList = document.getElementsByClassName('iq-with-loadmore-grid');
    for (let i = 0; i < elementsList.length; i++) {
        observer[i] = new MutationObserver(function (mutations, observer) {
            window.dispatchEvent(new Event('resize'));
        });
        observer[i].observe(elementsList[i], {
            subtree: true,
            attributes: true
            //...
        });
    }

})(jQuery);