/*
Voorbeeld:
<script language=javascript>
<!--
maakDropDownMenu( "elmHover", "elmMenu" );
//-->
</script>
*/

function maakDropDownMenu( hoverElmID, menuElmID )
{
	hoverElm = document.getElementById( hoverElmID );
	menuElm = document.getElementById( menuElmID );
	
	menuElm.style.position = "absolute";
	menuElm.style.zIndex = 999;
	menuElm.style.display = "none";
	//menuElm.style.left = findPosX( hoverElm );
	//menuElm.style.top = findPosY( hoverElm ) + hoverElm.offsetHeight;
	
	//alert( findPosY( hoverElm )  );
	
	hoverElm.onmouseover = function ()
	{
		menuElm.style.display = "inline";
	}
	hoverElm.onmouseout = function ()
	{
		//setTimeout( "menuElm.style.display = 'none'", 300 );
		menuElm.style.display = "none";
	}	
	menuElm.onmouseover = function ()
	{
		menuElm.style.display = "inline";
	}
	menuElm.onmouseout = function ()
	{
		//setTimeout( "menuElm.style.display = 'none'", 300 );
		menuElm.style.display = "none";
	}	
}

function findPosX(obj)
{
	var curleft = 0;
	if(obj.offsetParent)
		while(1) 
		{
			curleft += obj.offsetLeft;
			if(!obj.offsetParent)
			break;
			obj = obj.offsetParent;
		}
	else if(obj.x)
		curleft += obj.x;
	return curleft;
}

function findPosY(obj)
{
	var curtop = 0;
	if(obj.offsetParent)
		while(1)
		{
			curtop += obj.offsetTop;
			if(!obj.offsetParent)
			break;
			obj = obj.offsetParent;
		}
	else if(obj.y)
		curtop += obj.y;
	return curtop;
}