//--- Globals ---

var ie4=document.all
var ns6=document.getElementById&&!document.all
var menuicons=false
var menuwidth = menuicons ? '185px' : '165px'
var menubgcolor='red'  //menu bgcolor - DOES NOTHING
var appeardelay=500
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
var overmenu=false

if (ie4||ns6)
{
	document.write('<div id="dropmenudiv" class="dropmenu" style="width:'+menuwidth+';" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
}
document.onclick=hidemenu

//--- Functions ---

function showhide(obj, e)
{
	if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
	{
		if (appeardelay > 0)
		{
			delayshow=setTimeout("displaymenu()",appeardelay)
		}
		else
		{
			displaymenu()
		}
	}
	else if (e.type=="click")
	{
		obj.visibility="hidden"
	}
}

function dropdownmenu(obj, e, menucontents, menuwidth)
{
	if (window.event) 
	{
		event.cancelBubble=true
	}
	else if (e.stopPropagation)
	{
		e.stopPropagation()
	}

	clearhidemenu()
	dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
	populatemenu(menucontents)
	
	if (ie4||ns6)
	{
		dropmenuobj.x=getposOffset(obj, "left")
		dropmenuobj.y=getposOffset(obj, "top")
		dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
		dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
		showhide(dropmenuobj.style, e)
	}
	return clickreturnvalue()
}

function clickreturnvalue()
{
	if (ie4||ns6)
		return false
	else
		return true
}

function contains_ns6(a, b)
{
	while (b.parentNode)
		if ((b = b.parentNode) == a)
			return true;
	return false;
}

function dynamichide(e)
{
	if (ie4&&!dropmenuobj.contains(e.toElement))
		delayhidemenu()
	else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
		delayhidemenu()
}

function hidemenu(e)
{
	if (typeof dropmenuobj!="undefined")
	{
		if (ie4||ns6)
		{
			dropmenuobj.style.visibility="hidden"
		}
	}
	clearhidemenu()
}

function clearshowmenu()
{
	if (typeof delayshow!="undefined")
	{
		clearTimeout(delayshow)
	}
}

function clearhidemenu()
{
	if (typeof delayhide!="undefined")
	{
		clearTimeout(delayhide)
	}
}

function displaymenu(e)
{
	dropmenuobj.style.visibility="visible"
	clearhidemenu()
}

function delayhidemenu()
{
	clearshowmenu()
	if (ie4||ns6)
		delayhide=setTimeout("hidemenu()",disappeardelay)
}

//### Browser and window stuff ##################################################################################


function getposOffset(what, offsettype)
{
	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;
	while (parentEl!=null)
	{
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
	}
	return totaloffset;
}

function iecompattest()
{
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge)
{
	var edgeoffset=0
	if (whichedge=="rightedge")
	{
		var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
		dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
		if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
			edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
	}
	else
	{
		var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
		var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
		dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
		if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure) //move up?
		{
			edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
			if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
				edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
		}
	}
	return edgeoffset
}

function populatemenu(what)
{
	if (ie4||ns6)
		dropmenuobj.innerHTML=what.join("")
}

//###################################################################################################################


