document.onclick = menuHideOnCLick;

menuCloseOnClick = false;
expandMenu = false;
menuLastId = -1;
menuSectionid = -1;
menuLastSubid = -1;

function menuHideOnCLick()
{
	//document.getElementById('mubashir').innerHTML += menuCloseOnClick + ":" + menuLastId + "<br>";
	if(menuCloseOnClick && menuLastId != -1)
	{
		hideMenu(menuLastId);
		expandMenu = false;
	}
}

function menuOnClickHandler(funWithParam)
{	
	if(menuLastId != -1)
		hideMenu(menuLastId);
	
	eval(funWithParam);
	expandMenu = false;
}
function linking(action)
{
	var url = "?ACTION="+action;
	window.location=url;
}
function toggleMenu(id)
{
	expandMenu = !expandMenu;
	if(expandMenu)
	{
		showMenu(id);
	}
	else
	{
		hideMenu(id);
		document.getElementById('menuButton' + id).className = "menu-button_hover";
	}
	menuCloseOnClick = false;
}

function showMenu(id)
{
	if(expandMenu)
	{	
		document.getElementById('menuButton' + id).className = "menu-button_active";
		document.getElementById('menuItem' + id).style.display = 'block';
		
		menuLastId = id;
		menuSectionid = id;
	}
}

function hideMenu(id)
{
	hideSubMenu();
	obj = document.getElementById('menuItem' + id);
	if(obj)
	{
		obj.style.display = 'none';
		document.getElementById('menuButton' + id).className = "menu-button";
	}
	menuLastId = -1;
	
}

function menuHover(id) 
{
	document.getElementById('menuButton' + id).className = "menu-button_hover";
	if(menuLastId != -1)
		hideMenu(menuLastId);
	
	showMenu(id);
	menuCloseOnClick = false;
}

function menuHout(id) 
{
	if(menuLastId != id)
		document.getElementById('menuButton' + id).className = "menu-button";
	menuCloseOnClick = true;
}

function menuItemHover(obj, subItem) 
{
	if(obj.className != "disabled")
		obj.className = "shortcut-cell_hover";
	
	if(!subItem)
		hideSubMenu();

	menuCloseOnClick = false;
}

function menuItemHout(obj) 
{
	obj.className = "shortcut-cell";
	menuCloseOnClick = true;
}

function showSubMenu(obj, id)
{
	obj.className = "subMenu_hover";
	
	if(menuLastSubid != id)
		hideSubMenu();
		
	section = document.getElementById('menuItem'+ menuSectionid);
	subMenu = document.getElementById('submenuItem' + id);
	
	subMenu.style.left = section.offsetLeft + section.offsetWidth;
	subMenu.style.top  = section.offsetTop + document.getElementById('subSection'+ id).offsetTop + 2;
	
	subMenu.style.display = 'block';
	menuLastSubid = id;
	
	menuCloseOnClick = false;
}

function hideSubMenu()
{
	if(menuLastSubid > -1)
	{
		obj = document.getElementById('subSection'+ menuLastSubid);
		if(obj)
		{
			obj.className = "subMenu";
			document.getElementById('submenuItem' + menuLastSubid).style.display = 'none';
		}
		menuLastSubid = -1;
	}
}