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

$(function(){

    var scrolled = 0;
    var mobileActive = false;
    var mobileContactActive = false;

    resizeMobile();

    $(window).resize(
        $.debounce( 200, resizeMobile )
    );

    $('.mobile-navigation .shader').click(function () {
        disableMobileMenu();
        disableMobileContact();
    });

    $('.mobile-navigation nav>ul>li>span').click(function () {
        $('.mobile-navigation nav>ul>li>ul').addClass('hide');
        $(this).parent().find('ul').removeClass('hide');
    });

    $('.mobile-navigation .bar .contact-button').click(function(){
        if( ! mobileContactActive){
            enableMobileContact();
        }
        else{
            disableMobileContact();
        }
    });

    $('.mobile-navigation .bar .toggle-menu, header .link-content').click(function(){
        if( ! mobileActive){
            enableMobileMenu();
        }
        else{
            disableMobileMenu();
        }
    });

    function resizeMobile() {

        $('.mobile-navigation nav>ul>li>ul').css('height', 'auto');

        $('.mobile-navigation nav>ul>li>ul').each(function () {
            $(this).removeClass('hide').addClass('noTrans');
            var listHeight = $(this).height();

            $(this).css('height', listHeight);

            if($(this).hasClass('active')) $(this).removeClass('noTrans');
            else $(this).addClass('hide').removeClass('noTrans');

            // $(this).addClass('hide').removeClass('noTrans');
        });

    }

    function enableMobileMenu() {
        scrolled = $(window).scrollTop();
        $('.mobile-navigation').addClass('active');
        $('.mobile-navigation').addClass('shader-active');
        mobileActive = true;

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

    }

    function disableMobileMenu() {

        $('.mobile-navigation').removeClass('active');
        $('.mobile-navigation').removeClass('shader-active');
        $('body').removeClass('preventScroll');
        mobileActive = false;
        $(window).scrollTop(scrolled);
    }

    function enableMobileContact() {
        mobileContactActive = true;
        $('.mobile-navigation .mobile-contact').addClass('active');
        $('.mobile-navigation').addClass('shader-active');
    }

    function disableMobileContact() {
        mobileContactActive = false;
        $('.mobile-navigation .mobile-contact').removeClass('active');
        $('.mobile-navigation').removeClass('shader-active');
    }


});

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