var CatalogMenuArray = new Array();
	var CatalogMenuTimerClose = null;
	var CatalogMenuTimerPopup = null;
	var CatalogMenuDelayClose = 2000;
	var CatalogMenuDelayPopup = 250;
	
	function CatalogMenuClearTimeout()
	{
		clearTimeout(CatalogMenuTimerClose);
		CatalogMenuTimerClose = null;
		clearTimeout(CatalogMenuTimerPopup);
		CatalogMenuTimerPopup = null;
	}
	
	function CatalogMenuMouseOver(ev,id)
	{
		CatalogMenuClearTimeout()
		
		CatalogMenuTimerPopup = setTimeout("CatalogMenuShow('" + id + "')", CatalogMenuDelayPopup);
	}
	
	function CatalogMenuMouseOut(ev,id)
	{
		CatalogMenuClearTimeout()

		CatalogMenuTimerClose = setTimeout("CatalogMenuHide(null)", CatalogMenuDelayClose);
	}
	
	function CatalogMenuShow(id)
	{
		var item = document.getElementById(id);
		if( !item) return;
			
		var level = parseInt(item.className.substring(11));
		if (CatalogMenuArray[level] != id && CatalogMenuArray[level] != null)
			CatalogMenuHide(CatalogMenuArray[level]);
			
		var menu = document.getElementById(id.replace("_I","_M"));
		if (!menu) return;

		// select			
		item.className = item.className.replace("Hover","");
		item.className += "Hover";
		
		// position submenu
		var left = (level == 0 ? item.offsetLeft : item.parentNode.offsetWidth);
		var top = item.offsetTop + (level == 0 ? item.scrollHeight : 0);
		for (var obj = item.offsetParent; obj; obj = obj.offsetParent) 
		{
			left += obj.offsetLeft;
			top += obj.offsetTop;
		}
			
		menu.style.left = left + "px";
		menu.style.top =  top + "px";
		menu.style.display = "block";
		if (level == 0) 
		{
			var firstitem = document.getElementById(menu.id + "_I1");
			if (firstitem && (firstitem.offsetWidth + 32 < item.offsetWidth))
				firstitem.style.width = (item.offsetWidth - 32) + "px";
			menu.style.width = item.offsetWidth + "px";
		}
		
		CatalogMenuArray[level] = id;
	}
	
	function CatalogMenuHide(id)
	{
		id = id || CatalogMenuArray[0];
		var item = document.getElementById(id);
		if (!item) return;
			
		// hide menu and sub menu's
		for (var level = parseInt(item.className.substring(11)); CatalogMenuArray[level]; level++)
		{
			item = document.getElementById(CatalogMenuArray[level]);
			item.className = item.className.replace("Hover","");

			var menu = document.getElementById(item.id.replace("_I","_M"));
			if (menu) menu.style.display = "none";
		}
	}