// JavaScript Document
function subMenu(el, elemID, voffset, hoffset)
{
	var pos = getElementPosition(el);
	document.getElementById(elemID).style.display="block";
	document.getElementById(elemID).style.top=(pos.top+pos.height+voffset) + "px";
	document.getElementById(elemID).style.left= (pos.left+hoffset) + "px";
	
}

function hideSubMenu(elemID)
{
	document.getElementById(elemID).style.display = "none";
}

function getElementPosition(elemID){
	var offsetTrail = elemID;
	var offsetLeft = 0;
	var offsetTop = 0;
	while (offsetTrail){
	offsetLeft += offsetTrail.offsetLeft;
	offsetTop += offsetTrail.offsetTop;
	offsetTrail = offsetTrail.offsetParent;
	}
		if (navigator.userAgent.indexOf('Mac') != -1 && typeof document.body.leftMargin != 'undefined'){
		offsetLeft += document.body.leftMargin;
		offsetTop += document.body.topMargin;
	}
	
	return {left:offsetLeft,top:offsetTop, height:elemID.offsetHeight};
}