function do_cover(id,thisaction) {	
	if(thisaction == 'put') {
		//get required info
		var thiswidth = '150';
		var thisheight = document.getElementById("items_" + id).offsetHeight;
		var thisleft = document.getElementById("items_" + id).offsetLeft;
		var thistop = document.getElementById("items_" + id).offsetTop;
		document.getElementById("items_" + id).style.zIndex = 10001;
		//put cover
		if(thiswidth > 0) {
			document.getElementById('cover').style.zIndex = 10000;
			document.getElementById('cover').style.visibility = 'visible';
			document.getElementById('cover').style.pixelWidth = thiswidth;
			document.getElementById('cover').style.pixelHeight= thisheight;
			document.getElementById('cover').style.left = thisleft;
			document.getElementById('cover').style.top = thistop;			
		}		
	}
	
	if(thisaction == 'hide') {
		// hide cover
		document.getElementById('cover').style.visibility = 'hidden';
		document.getElementById('cover').style.offsetWidth = 0;
		document.getElementById('cover').style.offsetHeight= 0;
		document.getElementById('cover').style.left = 0;
		document.getElementById('cover').style.top = 0;	
	}
}

function findPosX(obj) {
	var curleft = 0;
	if (obj.offsetParent) {
		while (obj.offsetParent) {
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}
function findPosY(obj) {
	var curtop = 0;
	if (obj.offsetParent) {
		while (obj.offsetParent) {
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}
var subMenu = "";
function showItemsDiv(id) {
	if ((id != subMenu) && (subMenu > 0)) {
		document.getElementById("items_" + subMenu).style.display = "none";
	}
	posX = (findPosX(document.getElementById("parent_" + id)));
	posY = (findPosY(document.getElementById("parent_" + id)));
	document.getElementById("items_" + id).style.left = posX - 5;
	document.getElementById("items_" + id).style.top = posY + 18;
	document.getElementById("items_" + id).style.display = "inline";
	if (subMenu != id) {
		if (subMenu) {
			hideItemsDiv(subMenu)
		}
	}
	subMenu = id;
	do_cover(id,"put");
	
	setTimeout("hideMenu(" + id + ")",100);
	 
}
function hideMenu(id) {
	if (!selItem) {
		subMenu = "";
		hideItemsDiv(id);
	}
	else {
		setTimeout("hideMenu(" + id + ")",100);
	}
}
function hideItemsDiv(id) {
	if (subMenu != id) {
		document.getElementById("items_" + id).style.display = "none";
		do_cover(id,"hide");

		 
	}
}
var selItem = "";
function do_headerMouseOver(id) {
	document.getElementById("a_" + id).style.color = "#FFFFFF";
	document.getElementById("td_" + id).className = "menuHeaderOver";
	selItem = id;
}
function do_headerMouseOut(id) {
	document.getElementById("a_" + id).style.color = "#FFFFFF";
	document.getElementById("td_" + id).className = "menuHeader";
	selItem = "";
}
function do_itemMouseOver(id, parentId) {
	document.getElementById("a_" + id).style.color = "#FFFFFF";
	document.getElementById("td_" + id).className = "menuItemOver";
	selItem = id;
	do_headerMouseOver(parentId);
}
function do_itemMouseOut(id, parentId) {
	document.getElementById("a_" + id).style.color = "#FFFFFF";
	document.getElementById("td_" + id).className = "menuItem";
	selItem = "";
	do_headerMouseOut(parentId);
}
function do_keypress() {
	currentSubmenu = subMenu;
	if (currentSubmenu > 0) {
		subMenu = "";
		setTimeout("hideItemsDiv(" + currentSubmenu +")",50);
	}
}
document.onmouseup = do_keypress;