//@prepros-prepend jquery.sticky-kit.js

jQuery(document).ready(function($){

    // sticky sidebar
    if ($('.main_container').outerHeight() > $('#sidebar').outerHeight()){
        $('#sidebar > .inner').after('<div class="sticky-content-spacer"/>');
        $('#sidebar > .inner').stick_in_parent({
            parent: '.content',
            spacer: '.sticky-content-spacer',
            offset_top: 20
        });
    }

    // back to top scrolling link
    $('.backtotop').click(function () {
        $('body,html').animate({
            scrollTop: 0
        }, 500);
        return false;
    });

    $(".menu-item-has-children a").attr("aria-haspopup", "true");

    $(".menu-item-has-children a").click(function () {
        $(this).parent().toggleClass("open");
    });

    // search overlay
    $('a[href="#search"]').on('click', function(event) {
        var viewportHeight = $(window).height();
        $('#search').css({ height: viewportHeight });

        $(window).resize(function(){
            var viewportHeight = $(window).height();
            $('#search').css({ height: viewportHeight });
        });
        $('#search').addClass('open');
        $('#search > form > input[type="search"]').focus();
    });
    $('#search, #search button.close').on('click keyup', function(event) {
        if (event.target == this || event.target.className == 'close' || event.keyCode == 27) {
            $(this).removeClass('open');
        }
    });
    
        // add Element for caret to toggle sub-menus
    $('.main_menu .menu-item-has-children > a').wrap('<span class="parent"></span>');
    $('.main_menu .parent').append('<span class="submenu-opener">open submenu</span>');

    // toggling submenus
    $('.main_menu .submenu-opener').click(function() {
        $(this).toggleClass('sub-menu-is-open');
        $(this).parent().next('.sub-menu').slideToggle();
    });

    // create toggle nav and toggle links
    if ( $( ".main_menu" ).length || $(".sidebar").length ) {
        $('header').prepend('<nav class="toggle_nav"></nav>');
    }
    
    if ( $('.main_menu').length ){
        $('.toggle_nav').append('<span class="toggle toggle-main ">Menu</span>');
        $('.main_menu').prepend('<span class="toggle toggle-main ">close</span>');

        $('.toggle-main').click(function() {
            $('.main_menu').toggleClass('open');
        });
    }
    
    if ( $('.sidebar').length ){
        $('.toggle_nav').append('<span class="toggle toggle-sidebar">Sidebar</span>');
        $('.sidebar').prepend('<span class="toggle toggle-sidebar">close</span>');

        $('.toggle-sidebar').click(function() {
            $('.sidebar').toggleClass('active');
        });
    }    
});