$('.sticky-sidebar-nav .navigation-button').on('click', function () {
	$('.nav-slide-out').toggleClass('nav-open');
	$('.sticky-sidebar-nav').toggleClass('sticky-nav-toggled');
	$('.sticky-sidebar-nav .navigation-button .cd-icon:first-of-type').toggleClass('nav-button-toggled');
	$('.sticky-sidebar-nav .navigation-button .cd-icon:nth-of-type(2n)').toggleClass('rotate45');
	$('.sticky-sidebar-nav .navigation-button .cd-icon:nth-of-type(3n)').toggleClass('rotate-45');
	$('body').toggleClass('sc-fixed');
	$('.social-links-sm').toggleClass('z-social-links');
});

$('.a-avinner').on('click', function () {
	if($('.nav-slide-out').hasClass('nav-open')){
		$('.nav-slide-out').removeClass('nav-open')
	}
	if($('.sticky-sidebar-nav').hasClass('sticky-nav-toggled')){
		$('.sticky-sidebar-nav').removeClass('sticky-nav-toggled');
	}
	if($('.sticky-sidebar-nav .navigation-button .cd-icon:first-of-type').hasClass('nav-button-toggled')){
		$('.sticky-sidebar-nav .navigation-button .cd-icon:first-of-type').removeClass('nav-button-toggled');
	}
	if($('.sticky-sidebar-nav .navigation-button .cd-icon:nth-of-type(2n)').hasClass('rotate45')){
		$('.sticky-sidebar-nav .navigation-button .cd-icon:nth-of-type(2n)').removeClass('rotate45');
	}
	if($('.sticky-sidebar-nav .navigation-button .cd-icon:nth-of-type(3n)').hasClass('rotate-45')){
		$('.sticky-sidebar-nav .navigation-button .cd-icon:nth-of-type(3n)').removeClass('rotate-45');
	}
	if($('body').hasClass('sc-fixed')){
		$('body').removeClass('sc-fixed');
	}
});


$('.touchscreen-navigation-button').on('click', function () {
	$('.touchscreen-nav-slide-out').toggleClass('nav-open');
	$('.sticky-sidebar-nav').toggleClass('sticky-nav-toggled');
	$('.touchscreen-navigation-button .cd-icon:first-of-type').toggleClass('nav-button-toggled');
	$('.touchscreen-navigation-button .cd-icon:nth-of-type(2n)').toggleClass('touchscreen-rotate45');
	$('.touchscreen-navigation-button .cd-icon:nth-of-type(3n)').toggleClass('touchscreen-rotate-45');
	$('body').toggleClass('sc-fixed');
	$('.social-links-sm').toggleClass('z-social-links');
});





// Hide Header on on scroll down
// var didScroll;
// var lastScrollTop = 0;
// var delta = 5;
// var navbarHeight = $('.header-nav').outerHeight();

// var didScroll,
// 		lastScrollTop,
// 		delta = 5,
// 		navbarHeight = $('.header-nav').outerHeight();

// var documentScrolled = false;

// setInterval(function() {
//   if (documentScrolled) {
//     	hasScrolled();
//     	documentScrolled = false;
//     }
// }, 250);

// function checkScroll() {		
// 	$(window).on('scroll', function(event) {
// 		setInterval(function() {
// 			return true
// 		}, 250);
// 	})
// }

// console.log(checkScroll());

// setInterval(function() {
//   if (didScroll) {
//     hasScrolled();
//     didScroll = false;
//     }
// }, 250);

// function hasScrolled() {
//     var st = $(this).scrollTop();
    
//     // Make sure they scroll more than delta
//     if(Math.abs(lastScrollTop - st) <= delta)
//         return;
    
//     // If they scrolled down and are past the navbar, add class .nav-up.
//     // This is necessary so you never see what is "behind" the navbar.
//     if (st > lastScrollTop && st > navbarHeight){
//         // Scroll Down
//         $('.header-nav').removeClass('is-fixed').addClass('is-hidden');
//     } else {
//         // Scroll Up
//         if(st + $(window).height() < $(document).height()) {
//             $('.header-nav').removeClass('is-hidden').addClass('is-fixed');
//         }
//     }
    
//     lastScrollTop = st;
// }

let prevScrollpos = window.pageYOffset,
		windowHeight = $(window).height();
		$headerNav = $('.header-nav');

$(window).on('scroll', function() {
	let currentScrollPos = window.pageYOffset;

	if (currentScrollPos > 0) {		
		if (prevScrollpos > currentScrollPos) {
			$headerNav.removeClass('is-hidden');
			$headerNav.addClass('is-fixed');
		} else {
			$headerNav.addClass('is-hidden');
		}
	} else {
		$headerNav.removeClass('is-fixed');
		$headerNav.removeClass('is-hidden');
	}


  prevScrollpos = currentScrollPos;
})


$('.header-nav-toggle').on('click', function(event) {
	event.preventDefault();
	$('body').toggleClass('menu-open');
	$(this).toggleClass('is-toggled');
	$('.nav-slide-out').toggleClass('nav-open');
	$('.nav-header').toggleClass('is-fixed');
})
