var sourceElement;

function ShowMenu(oMenu)
{
	var menuRect, srcRect;
	var xPos, yPos;

	sourceElement = event.srcElement;
	menuRect = oMenu.getBoundingClientRect();
	srcRect = sourceElement.getBoundingClientRect();
	
	xPos = parseInt(srcRect.left - 3); 
	yPos = parseInt(srcRect.bottom - 2) + document.body.scrollTop;
	
	if ((xPos + (menuRect.right - menuRect.left)) > 780)
	{
		xPos = 780 - (menuRect.right - menuRect.left);
	}
	
	oMenu.style.left = xPos + 3;
	oMenu.style.top = yPos;
	oMenu.style.zIndex = 100;
	oMenu.style.visibility = "visible";
}

function HideMenu(oMenu)
{
	if (event.toElement != oMenu && oMenu.contains(event.toElement) == false)
	{
		oMenu.style.visibility = "hidden";
		UnHighlight(sourceElement);
		sourceElement = null;
	}
}
	
function document_OnMouseOver()
{
	var eventSource = event.srcElement;
		
	if (typeof(eventSource.MenuHighlight) != 'undefined')
	{
		if (eventSource.tagName == "TD")
			eventSource.className = "HighlightedMenuItem";
		else
			eventSource.parentElement.className = "HighlightedMenuItem";
		
	}
	else if (typeof(eventSource.Highlight) != 'undefined')
	{
		Highlight(eventSource);
	}
}
	
function document_OnMouseOut()
{
	var eventSource = event.srcElement;
	
	if (typeof(eventSource.MenuHighlight) != 'undefined')
	{
		if (eventSource.tagName == "TD")
			eventSource.className = "MenuItem";
		else
			eventSource.parentElement.className = "MenuItem";
	}
	else if (typeof(eventSource.Highlight) != 'undefined')
	{
		UnHighlight(eventSource);
	}
}
	
function InitMenu(menuName, width)
{
	var menuHTML;

	menuHTML = "<DIV class=Menu id=" + menuName + " onmouseout='HideMenu(this);'>";
	menuHTML = menuHTML + "<TABLE border=0 cellPadding=0 cellSpacing=2 style='margin:2px;' width=" + width + ">";
	document.write(menuHTML);
		
	eval(menuName + ".style.width=" + width);
}
	
function AddMenuItem(text, href)
{
	var menuHTML;

	menuHTML = "<TR><TD MenuHighlight class=MenuItem onclick=window.navigate('" + href + "');>"
	menuHTML = menuHTML + "<A class=MenuItem MenuHighlight href='" + href + "' style='width:100%;margin:3px;background-color:transparent;border:none'>"
	menuHTML = menuHTML + text + "</A></TD></TR>";

//	menuHTML = menuHTML + "&nbsp;&nbsp;" + text + "</TD></TR>";
		
	document.write (menuHTML);
}
	
function AddSeparator()
{
	document.write("<TR><TD bgcolor=gray><img src=images/tpix1.gif height=1></TD></TR>")
}
	
function FinalizeMenu()
{
	menuHTML = "</TABLE></DIV>";
	document.write(menuHTML);
}

function Highlight(theElement)
{
	theElement.style.backgroundColor ="#CCCCCC";
	theElement.style.color ="black";
}

function UnHighlight(theElement)
{
	<!-- theElement.style.backgroundColor ="#949294";-->
	theElement.style.color ="white";
}

document.onmouseover = document_OnMouseOver;
document.onmouseout  = document_OnMouseOut;