/**
 * Created by Pascal on 01/12/16.
 */

$(function(){
    $('.mobile-navigation .shader, .mobile-navigation .close-menu').click(function () {
        $('.mobile-navigation').removeClass('active');
    });

    $('.mobile-navigation .bar .toggle-menu, .mobile-sticky .toggle-menu').click(function(){
        $('.mobile-navigation').toggleClass('active');
    });


    // Create check variables
    var st = 0;
    var lastScrollTop = 0;
    var timeoutId;

    $(window).scroll(function(){
        stickyBarScrollCheck();
        // Remove old timeout function if exist
        if(timeoutId ){
            clearTimeout(timeoutId );
        }
        // Check after 200 ms when done scrolling if scroll Top is below 65px
        // If true remove the sticky menu
        timeoutId = setTimeout(function(){
            if(lastScrollTop < 65) $('.mobile-navigation .bar').removeClass('show');
        }, 200);
    });

    function stickyBarScrollCheck() {

        //Get Scrolled
        st = $('body').scrollTop();
        //Check if scroll up or down
        if (st > lastScrollTop){
            // downscroll code
            $('.mobile-navigation .bar').removeClass('show');
        }
        else {
            //upscroll
            if(lastScrollTop >= 80) $('.mobile-navigation .bar').addClass('show');
            else $('.mobile-navigation .bar').removeClass('show');
        }
        //Store scroll amount
        lastScrollTop = st;
    }



});