$(document).ready(function() {
	function openMenu() {
		$("body").addClass("body-menu-active");
		$(".close-menu").addClass("close-menu-active");
		$(".menu-wrap").addClass("menu-main-active");
		$(this).attr("aria-expanded", "true");
		setTimeout(() => {
			$("#close-button").focus();
		}, "400");
	}

	function closeMenu() {
		$("body").removeClass("body-menu-active");
		$(".close-menu").removeClass("close-menu-active");
		$(".menu-wrap").removeClass("menu-main-active");
		$("#open-button").attr("aria-expanded", "false");
		$('.menu-hover-content li').removeClass('active');
		setTimeout(() => {
			$("#open-button").focus();
		}, "400");
	}

	$("#open-button").click(function() {
		openMenu();
	});

	$("#close-button").click(function() {
		closeMenu();
	});

	$(document).on("keyup", function(e) {
		// 27 = ESC key
		if (e.which == 27) {
			closeMenu();
		}
	});

	document.addEventListener('scroll', (event) => {
		if (window.scrollY > 0) {
			document.querySelector('body').classList.add('scrolled');
		} else {
			document.querySelector('body').classList.remove('scrolled');
		}
	});
});

// Show menu link content in the menu-hover-content section when hovering on menu link items.
document.addEventListener('DOMContentLoaded', function() {
	document.querySelectorAll('#menu-main .menu-list li a').forEach(a => { 
		a.addEventListener('mouseover', function(e) {
			var target = e.target;
			if (e.target.nodeName === 'SPAN') {
				target = e.target.parentElement;
			}

			var index = Array.prototype.slice.call(target.parentElement.parentElement.children).indexOf(target.parentElement);
			var hoverListItem = document.querySelector('.menu-hover-content > li:nth-of-type(' + (index + 1) + ')');

			var previousListItem = document.querySelector('.menu-hover-content li.active');
			if (previousListItem) {
				previousListItem.classList.remove('active');
			}

			if (hoverListItem) {
				hoverListItem.classList.add('active');
			}

		}, false);

/*
		a.addEventListener('mouseleave', function(e) {
			var target = e.target;
			if (e.target.nodeName === 'SPAN') {
				target = e.target.parentElement;
			}

			var index = Array.prototype.slice.call(target.parentElement.parentElement.children).indexOf(target.parentElement);
			document.querySelector('.menu-hover-content li:nth-of-type(' + (index + 1) + ')').style.display = 'none';

		}, false);
*/
	});
}, false);