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

$(function(){

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

    resizeMobile();

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

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

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

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

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

    $('.navigation .menu .close-button').click(function () {
       disableMobileMenu();
    });

    function resizeMobile() {

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

        $('.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');
        });

        $('.navigation nav>ul>li.active.hasChildren>ul').removeClass('hide');

    }

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

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

    }

    function disableMobileMenu() {

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

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

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


});

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