let gSelectedMenu = "";
$(document).ready(function(){
	gSelectedMenu = sessionStorage.getItem("selectedMenu");
	if ((gSelectedMenu == null) || (gSelectedMenu == "")){
		sessionStorage.setItem("selectedMenu", "index");
		gSelectedMenu = sessionStorage.getItem("selectedMenu");
	}
	$(".menu-toggle").on("click", function(event){
		$(this).toggleClass("active");
		$("nav.nav").toggleClass("active");
		$("div.nav").toggleClass("active");
		$("header").toggleClass("active");
		$(".back-screen").toggleClass("active");
	});

	$(window).on("scroll", function(event){
		let scrollT = $(this).scrollTop();
		//console.log("scrollT",scrollT);
		if(scrollT > 0) {
			if (! $("header").hasClass("scrolled")){
				$("header").addClass("scrolled");
			}
		} else {
			if ($("header").hasClass("scrolled")){
				$("header").removeClass("scrolled");
			}
		}
	});

	$(window).trigger("scroll");

	$("nav.nav ul li.has-sub").on("mouseenter", function(event){
		let nLeft = $(this).offset().left;
		$(".back-submenu").show();
		$("nav.nav ul li ul.sub-menu").css("display","block").css("left",nLeft+"px");
	});

	$(".back-submenu").on("mouseleave", function(event){
		$(".back-submenu").hide();
		$("nav.nav ul li ul.sub-menu").css("display","none");
	});

	/*
	$("nav.nav ul li").on("mouseenter", function(event){
		let nUl = $("header").innerWidth();
		let nLeft = $(this).offset().left;

		if ($(this).hasClass("has-sub")){
			$(".back-submenu").show();
			$("nav.nav ul li ul.sub-menu").css("display","block").css("left",nLeft+"px");
		} else {
			$(".back-submenu").hide();
			$("nav.nav ul li ul.sub-menu").css("display","none");
		}
	});
	*/

	highlightMenu(gSelectedMenu);
});

goUrl = function(pUrl, pData){
	sessionStorage.setItem("selectedMenu", pData);
	$(location).attr("href", pUrl);
};

highlightMenu = function(pData){
	$("nav.nav ul").children().each(function(index, value){
		let sUrl = $(this).children("a").data("url");
		//console.log(pData, sUrl);
		$(this).children("a").removeClass("active");
		if ($(this).children("a").data("url") == pData){
			$(this).children("a").addClass("active");
			console.log($(this).children("a"), pData, sUrl);
			if (sUrl == "sub"){
				$("nav.nav > ul > li.has-sub a").addClass("active");
			}
		} else {
			//console.log($(this).children("a"), pData, sUrl);
			if (sUrl == "sub"){
				$("nav.nav > ul > li.has-sub a").addClass("active");
			}
		}
	});
}