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

$(function(){

    $('.navigation').click(function (event) {
        if(event.target.tagName == 'NAV')  disableMobileMenu();
    });


    $('.toggle-menu').click(function(){
        if( ! mobileActive){
            enableMobileMenu();
        }
        else{
            disableMobileMenu();
        }
    });

});

// Add allow animation class to prevent blinking when website opens
$('.navigation').addClass('allow-animation');

var scrolled = 0;
var mobileActive = false;

function enableMobileMenu() {
    scrolled = $(window).scrollTop();
    $('.navigation').addClass('active').addClass('top-fade-out');
    $('.toggle-menu').addClass('active');
    mobileActive = true;

    //Add the fixed position after Mobile menu animation
    // setTimeout(function(){
    //     $('body').addClass('preventScroll');
    // }, 400);

}

function disableMobileMenu() {

    $('.navigation').removeClass('active');
    $('.toggle-menu').removeClass('active');

    //$('body').removeClass('preventScroll');
    mobileActive = false;
    $(window).scrollTop(scrolled);

    setTimeout(function(){
        $('.navigation').removeClass('top-fade-out');
    }, 400);
}