var menuTimeout = null;
var subTimeout = null;
var lastMenu = null;

function LeftMenuOver(menu_id,ev)
{
//window.alert(navigator.userAgent);	
if(lastMenu!=null && lastMenu!=menu_id)
	{
		HideSubMenu(lastMenu);
		window.clearTimeout(menuTimeout);
	}
	var sub = document.getElementById("subMenu"+menu_id);
	var menu = document.getElementById("Menu"+menu_id);
	menu.className = "leftMenuElementOver";
	var table = document.getElementById("tmplMainTable");
	if(sub)
	{
		var leftSpace = 0; 
		var winWidth = 0;
		if(window.outerWidth)
		{
			leftSpace = parseInt((window.outerWidth - 752)/2);
			if(leftSpace<0) leftSpace = 0;
			leftSpace += 208;
		}
		else
			leftSpace = table.offsetLeft+208;
		if(navigator.userAgent.indexOf("MSIE") == -1 || navigator.userAgent.indexOf("Opera") != -1)  leftSpace = leftSpace-10;
if((sub.offsetTop+sub.offsetHeight+140)>window.screen.availHeight) sub.style.top=document.body.scrollTop+(window.screen.availHeight-sub.offsetHeight)/2;

		sub.style.left = leftSpace;
		sub.style.visibility = "visible";
//		if((ev.y+sub.offsetHeight)>window.screen.availHeight) 
		{
//			sub.style.top = window.screen.availHeight - sub.offsetHeight-60;
		}
		menuTimeout = window.setTimeout("HideSubMenu('"+menu_id+"')",5000);
		lastMenu = menu_id;
	}
}
//	use: table.scrollHeight, window.screenTop, window.outerHeight  
//	window.alert(table.offsetHeight);

function HideSubMenu(menu_id)
{
	var sub = document.getElementById("subMenu"+menu_id);
	if(sub)
		sub.style.visibility = "hidden";
}


function LeftMenuOut(menu_id)
{
	var menu = document.getElementById("Menu"+menu_id);
	menu.className = "leftMenuElementOut";
}

function SubMenuOut(menu_id)
{
	var sub = document.getElementById("subMenu"+menu_id);
	if(sub)
		subTimeout = window.setTimeout("HideSubMenu('"+menu_id+"')",500);
}

function SubMenuOver(menu_id,ev)
{
	window.clearTimeout(menuTimeout);
	window.clearTimeout(subTimeout);
}