lastMenuId = "";	
function mouseOutMenu(menuId)
{
	lastMenuId = null;

	window.setTimeout("hideMenuTree('" + menuId + "')", 50);
}

function mouseSelMenu(menuId)
{
	obj = document.getElementById(menuId);
	if(obj != null) 
	{
		obj.style.visibility='visible';
	}
	lastMenuId = menuId;
}

function hideMenuTree(menuId)
{
	// if the menu to hide is the last menu shown or his parent, don't hide it
	if(menuId == lastMenuId || menuId.substring(0, menuId.lastIndexOf(".")) == lastMenuId)
	{
		return;
	}

	// hide menu menuId and all his family
	Ids = menuId.substring("menu".length, menuId.length).split(".");
	menuIdToHide = "menu";
	for(i = 0; i < Ids.length; i++)
	{		
		menuIdToHide += Ids[i];
		obj = document.getElementById(menuIdToHide);
		if(obj != null)
		{
			obj.style.visibility='hidden';
		}
		menuIdToHide += ".";
	}
}