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 = 30001;
		//put cover
		if(thiswidth > 0) {
			//alert(navigator.platform)
			document.getElementById('cover').style.zIndex = 30000;
			document.getElementById('cover').style.visibility = 'visible';
			document.getElementById('cover').style.pixelWidth = thiswidth;
			document.getElementById('cover').style.pixelHeight= thisheight;
			document.getElementById('cover').style.left = thisleft + 'px';
			macTest = navigator.platform.indexOf("Mac");
  			if(macTest > -1){
				thistop = thistop - 2;
			}
			document.getElementById('cover').style.top = thistop + 'px';
		}
	}
	
	if(thisaction == 'hide') {
		// hide cover
		document.getElementById('cover').style.visibility = 'hidden';
		document.getElementById('cover').style.offsetWidth = '0px';
		document.getElementById('cover').style.offsetHeight= '0px';
		document.getElementById('cover').style.left = '0px';
		document.getElementById('cover').style.top = '0px';
	}
}

function findPosX(obj) {
	var curleft = 0;
	//alert(obj.offsetParent.offsetLeft);
	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("parent_" + id).style.position = "relative"; dosnt work?
	//document.getElementById("parent_" + id).style.zIndex = 30000; dosnt work?
	var parentLeft = document.getElementById("mainContainer").offsetLeft;
	//alert(parentLeft);
	//alert(posX);
	macTest = navigator.platform.indexOf("Mac");
	if(macTest > -1){
		posY = posY - 2;
	}
	document.getElementById("items_" + id).style.left = ((posX - parentLeft)-10) + 'px';
	document.getElementById("items_" + id).style.top = (posY - 54) + 'px';
	document.getElementById("items_" + id).style.display = "inline";
	document.getElementById("items_" + id).style.position = "absolute";
	document.getElementById("items_" + id).style.zIndex = 30000;
	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 = "#ACACAC";
	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;