var menuHover = false;

function openSubMenu (aSubmenuId, aItem)
{
	var mySubMenu = document.getElementById(aSubmenuId);
	
	mySubMenu.style.display = 'block';
	
	menuHover = true;
	
	aItem.onmouseout = mySubMenu.onmouseout = function ()
	{
		menuHover = false;
		setTimeout("checkCloseSubMenu('"+aSubmenuId+"')", 1000);
	};
	
	mySubMenu.onmouseover = function ()
	{
		menuHover = true;
	};
}

function checkCloseSubMenu (aSubmenuId)
{
	var mySubMenu = document.getElementById(aSubmenuId);
	
	if(!menuHover)
	{
		mySubMenu.style.display = 'none';
	}
}