var menuSystem;

window.onload = function()
{
	menuSystem = new function()
	{
		var submenu = document.getElementById("subMenu");
		var parentMenu = document.getElementById("navMenu");
		var menuTimer = false;

		this.showMenu = function()
		{
			submenu.style.display = "block";
			return true;
		}
		
		this.hideMenu = function()
		{
			cancelTimer();
			submenu.style.display = "none";
			return true;
		}
		
		submenu.onmouseover = function()
		{
			cancelTimer();
			return true;
		}
		
		submenu.onmouseout = function()
		{
			cancelTimer();
			menuTimer = setTimeout("menuSystem.hideMenu()", 1000);
			return true;		
		}
		
		parentMenu.onmouseout = function()
		{
			cancelTimer();
			menuTimer = setTimeout("menuSystem.hideMenu()", 1000);
			return true;		
		}
		
		parentMenu.onmouseover = function()
		{
			menuSystem.showMenu();
			return true;
		}
		
		function cancelTimer()
		{
			if(menuTimer)
			{
				clearTimeout(menuTimer);
				menuTimer = false;
			}
			return true;
		}
		
		document.getElementsByTagName("body")[0].onclick = this.hideMenu;
	}
}