/**
 * Created by driesjanssen on 7/4/17.
 */
/*==========================================================================
 Mobile Navigation
 ========================================================================== */

var mobileNav = $('.fixed-mobile-header');
var mobileMainNav = mobileNav.find('.main-navigation');
var mobileMainNavContent = mobileMainNav.find('.navigation');
var hamburgerIcon = mobileNav.find('.hamburger-icon');

// Calculate navigation height
mobileMainNavContentHeight = 500;

// Declare some flags to see if navigation menu is open or closed
var mobileMenuOpen = false;

hamburgerIcon.on('click', function(){

    if(mobileMenuOpen){
        closeMenu();
    }else{
        openMenu();
    }

});

// function that shows mobile navigation with slideDown effect
var openMenu = function(){
    TweenLite.fromTo(mobileMainNav, 0.5, {autoAlpha:0, height: '0'}, {height: mobileMainNavContentHeight + 'px', autoAlpha:1, display: 'block', ease:Power1.easeOut});
    mobileMenuOpen = true;
};

// function that closes mobile navigation
var closeMenu = function(){
    TweenLite.to(mobileMainNav, 0.4, {height: '0', autoAlpha:0});
    mobileMenuOpen = false;
};