/* 
				use onMouseOver="showLayer(this)" on <a> with id="id of div without dd_"
				div tag has id="dd_id"
				eg 	<a id="57">
					<div id="dd_57">
				div has 
					onMouseOver="clearTimeout(closer)"
					onMouseOut="setDelay()"
			*/
			
			var oldLayer = null , closer = null
			
			var closeDelay = 0.5		// delay time in seconds
			var leftOffset = -8			// left offset in pixels from anchor
			var topOffset = 0			// top offset in pixels from anchor
			
			document.body.onclick = function(){
				if (event.srcElement.className != "menu") hideOldLayer()
			}
			
			function setDelay(){
				if (oldLayer != null) closer = setTimeout("oldLayer.style.display='none'", closeDelay * 1000)
			}
	
			function hideOldLayer(){
					if (oldLayer != null) oldLayer.style.display = "none"
			}
			
			function showLayer(which) {
				if (closer != null) clearTimeout(closer)
				if (document.layers) return
				if (!document.all) return
				var curleft = 0
				tObj = which
				while (tObj.offsetParent){
					curleft += tObj.offsetLeft
					tObj = tObj.offsetParent;
				}
				var curtop = 0
				tObj = which
				while (tObj.offsetParent){
					curtop += tObj.offsetTop
					tObj = tObj.offsetParent
				}
				oH = (isNaN(which.offsetHeight)) ? 0 : which.offsetHeight
				l = curleft + leftOffset
				t = curtop + topOffset + oH
				hideOldLayer()
				if (document.getElementById("dd_" + which.id)){
					newLayer = document.getElementById("dd_" + which.id)
					newLayer.style.display = "inline"
					newLayer.style.left = l + "px"
					newLayer.style.top = t + "px"
					oldLayer = newLayer
				}
			}