function equalHeight(group) {
    var tallest = 0;
    group.css("height", "auto");
    group.each(function() {
        var thisHeight = $(this).height();
        if (thisHeight > tallest) {
            tallest = thisHeight;
        }
    });
    group.height(tallest);
}

$(function() {
    var $root = $('html, body');

    $("header a.nav-toggle").on('click', function() {
        $("body").toggleClass("opened-menu");
        return false;
    });

    $(document).bind("mouseup touchend", function(e) {
        var container = $("header a.nav-toggle, .menu-holder");

        if (!container.is(e.target) // if the target of the click isn't the container...
            &&
            container.has(e.target).length === 0) // ... nor a descendant of the container
        {
            $("body").removeClass("opened-menu");
        }
    });

    $(".menu-holder .contents ul.menu > li.has-dropdown > a").on('click', function() {
        $(this).parent().find("ul").slideToggle();
        $(this).parent().toggleClass("expanded");
        return false;
    });

    $('.subscribe-toggle').magnificPopup({
        type: 'inline',
        showCloseBtn: false,
        fixedContentPos: true,
        fixedBgPos: true
    });

    $('.popup-close').on("click", function() {
        $.magnificPopup.close();
        return false;
    });

    var buttonFilters = {};
    var buttonFilter;
    var qsRegex;

    var $grid = $('#webinars_grid').isotope({
        layoutMode: 'masonry',
        percentPosition: true,
        resize: true,
        itemSelector: '.webinar-element',
        filter: function() {
            var $this = $(this);
            var searchResult = qsRegex ? $this.text().match(qsRegex) : true;
            var buttonResult = buttonFilter ? $this.is(buttonFilter) : true;
            return searchResult && buttonResult;
        }
    });

    $('.webinar-filters').on('click', 'button', function(event) {
        var $this = $(this);
        var $buttonGroup = $this.parents('.webinar-filters');
        var filterGroup = $buttonGroup.attr('data-filter-group');
        buttonFilters[filterGroup] = $this.attr('data-filter');
        buttonFilter = concatValues(buttonFilters);
        $grid.isotope();
    });

    var $quicksearch = $('.webinar-search').keyup(debounce(function() {
        qsRegex = new RegExp($quicksearch.val(), 'gi');
        $grid.isotope();
    }));

    // change is-checked class on buttons
    $('.webinar-filters').each(function(i, buttonGroup) {
        var $buttonGroup = $(buttonGroup);
        $buttonGroup.on('click', 'button', function(event) {
            $buttonGroup.find('.is-selected').removeClass('is-selected');
            var $button = $(event.currentTarget);
            $button.addClass('is-selected');
        });
    });

    // flatten object by concatting values
    function concatValues(obj) {
        var value = '';
        for (var prop in obj) {
            value += obj[prop];
        }
        return value;
    }

    function debounce(fn, threshold) {
        var timeout;
        threshold = threshold || 100;
        return function debounced() {
            clearTimeout(timeout);
            var args = arguments;
            var _this = this;

            function delayed() {
                fn.apply(_this, args);
            }
            timeout = setTimeout(delayed, threshold);
        };
    }

    if ($('#webinars_grid').length) {
        var initShow = 9;
        var counter = initShow;
        var iso = $grid.data('isotope');

        loadMore(initShow);

        function loadMore(toShow) {
            $grid.find(".hidden").removeClass("hidden");

            var hiddenElems = iso.filteredItems.slice(toShow, iso.filteredItems.length).map(function(item) {
                return item.element;
            });
            $(hiddenElems).addClass('hidden');
            $grid.isotope('layout');

            if (hiddenElems.length == 0) {
                $(".library-load-more").hide();
            } else {
                $(".library-load-more").show();
            };

        }

        $(".library-load-more").on('click', function() {
            if ($('.webinar-filters').data('clicked')) {
                counter = initShow;
                $('.webinar-filters').data('clicked', false);
            } else {
                counter = counter;
            };
            counter = counter + initShow;
            loadMore(counter);
            return false;
        });
    }

    var relatedGrid = document.querySelectorAll(".webinar-element.hidden");

    if (relatedGrid) {
        function checkHiddenRelated() {
            if (relatedGrid.length < 1) {
                $(".load-more").parent().remove();
            }
        }

        $(".load-more").on('click', function() {
            if (relatedGrid.length >= 3) {
                for (let i = 0; i < 3; i++) {
                    relatedGrid[i].classList.remove("hidden");
                }
                relatedGrid = document.querySelectorAll(".webinar-element.hidden");
                checkHiddenRelated();
            } else if ((relatedGrid.length > 0) && (relatedGrid.length < 3)) {
                for (let i = 0; i < relatedGrid.length; i++) {
                    relatedGrid[i].classList.remove("hidden");
                }
                relatedGrid = document.querySelectorAll(".webinar-element.hidden");
                checkHiddenRelated();
            } else {
                $(this).parent().remove();
            }
            return false;
        });
    }

    $(".post-video .play-btn").on('click', function() {
        $(this).parent().find("video").get(0).play();
        $(this).parent().addClass("playing");
        return false;
    });

    var video = $('.post-video video')[0];
    if (video) {
        video.addEventListener('playing', function() {
            $(".post-video").addClass("playing");
        });
        video.addEventListener('pause', function() {
            $(".post-video").removeClass("playing");
        });
    }

    setTimeout(function() {
        $grid.isotope('layout');
    }, 1000);

    function isotopeLayout() {
        if ($('#webinars_grid').length) {
            $grid.isotope('layout');
        }
    }

    $('.stage-slider').slick({
        dots: true,
        draggable: false,
        arrows: false,
        slidesToShow: 1,
        slidesToScroll: 1
    });

    $('.destacados-slider').slick({
        centerMode: true,
        arrows: false,
        centerPadding: '60px',
        slidesToShow: 3,
        responsive: [{
                breakpoint: 992,
                settings: {
                    centerMode: true,
                    centerPadding: '10px'
                }
            },
            {
                breakpoint: 768,
                settings: {
                    centerMode: false,
                    slidesToShow: 2
                }
            },
            {
                breakpoint: 576,
                settings: {
                    centerMode: true,
                    centerPadding: '20px',
                    slidesToShow: 1
                }
            }
        ]
    });

    setTimeout(function() {
        equalHeight($(".destacado .destacado-title"));
        equalHeight($(".destacado .destacado-text"));
        equalHeight($(".webinar-element .webinar-title"));
        equalHeight($(".webinar-element .webinar-text"));
        $(window).trigger("resize");
    }, 250);

    if (!Modernizr.touchevents) {
        var resizeTimer_3;
        $(window).resize(function() {
            clearTimeout(resizeTimer_3);
            resizeTimer_3 = setTimeout(function() {
                isotopeLayout();
                equalHeight($(".destacado .destacado-title"));
                equalHeight($(".destacado .destacado-text"));
                equalHeight($(".webinar-element .webinar-title"));
                equalHeight($(".webinar-element .webinar-text"));
            }, 200);
        });
    }

    $(window).bind('orientationchange', function() {
        isotopeLayout();
        equalHeight($(".destacado .destacado-title"));
        equalHeight($(".destacado .destacado-text"));
        equalHeight($(".webinar-element .webinar-title"));
        equalHeight($(".webinar-element .webinar-text"));
    });

});