var lastItem = null;
var lastSelected = null;
var lastSubSelected = null;
	
function showSubMenu(item, name)
{
	hideItem();
	var obj = document.getElementById(name);
	obj.className = "subMenuBody";
	obj.style.left = item.offsetLeft + item.offsetWidth;
	var top = item.offsetTop;
	var cascObj = item;
	
	do
	{
		cascObj = cascObj.offsetParent;
		top += cascObj.offsetTop;
	}
	while(cascObj.tagName != "BODY")
	
	top = correctHeight(obj, top);
	
	obj.style.top = top;
	lastItem = obj;	
}	


//works only in MSIE, because Mozilla 
//does not react on body width changing
function correctHeight(obj, top)
{
	var lateBounds = top + obj.offsetHeight - document.body.scrollTop;
	var bodyHeight = document.body.offsetHeight;	
	
	if (lateBounds > bodyHeight)
		top -= (lateBounds - bodyHeight) + 3;	
		
	return top;
}


function selectItem(key)
{
	var item = getItemByKey(key);
	
	if (item != null)
		item.className = "menuSelectedItem";
}

function redirectToItem(key)
{
	clickItem(getItemByKey(key));
}


function getItemByKey(key)
{
	var tags = document.getElementsByTagName("td");
	
	for (i = 0; i < tags.length; i++)
	{
		var attr = tags[i].getAttribute("key");

		if (attr != null && attr == key)
			return tags[i];				
	}
}
	

function hideItem()
{
	if (lastItem != null)
		lastItem.className = "subMenuBodyHidden";	
}
	
	
function overItem(item)
{
	if (item.id.split("sub").length != 2)
	{
		hideItem();			
		if (lastSubSelected != null)
			lastSubSelected.className = "menuItem";
	}	
		
	hideItemIf();
			
    if (item.className != "menuSelectedItem")
    	item.className = "menuHoverItem";
}

function hideItemIf()
{
	if (lastSelected != null && 
		lastSelected.className != "menuSelectedItem")
	{
		if (lastSelected.title != "")
			lastSelected.className = "menuItem";
		else
		{
			if (lastSubSelected != null)
				lastSubSelected.className = "menuItem";
			
			lastSubSelected = lastSelected;
			lastSelected.className = "subMenuHoverItem";
		}
	}	
}

function hideForce()
{
	if (lastSubSelected != null)
		lastSubSelected.className = "menuItem";
}

function outItem(item)
{
	lastSelected = item;	
}

function clickItem(item)
{
	//var app = "";
	
	//if (item.title.split("http:").length == 1)
	//	app = "&mi=" + item.id

	document.location.href = item.title;// + app;
}

function showQA(item)
{
	if (item.className == "qaVisible")
		item.className = "qaHidden";
	else
		item.className = "qaVisible";
}