var appeardelay=150  //menu disappear speed onMouseout (in miliseconds)
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var enableanchorlink=0 //Enable or disable the anchor link when clicked on? (1=e, 0=d)
var hidemenu_onclick=1 //hide menu when user clicks within menu? (1=yes, 0=no)



var ie5=document.all
var ns6=document.getElementById&&!document.all

function getposOffset(what, offsettype)
{
	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;
	var parentCounter=0;
	while (parentEl!=null && parentCounter<=1){
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
		parentCounter++; // Automatically take left edge of one parent high
	}
	return totaloffset;
}

function showhide(obj, e, visible, hidden)
{
	if (ie5||ns6)
		dropmenuobj.style.left=dropmenuobj.style.top=-500
	if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
		obj.visibility=visible
	else if (e.type=="click")
		obj.visibility=hidden
}

function iecompattest()
{
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge)
{
	var edgeoffset=0
	if (whichedge=="rightedge")
	{
		var windowedge=ie5 && !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=ie5 && !window.opera? iecompattest().scrollTop : window.pageYOffset
		var windowedge=ie5 && !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 dropdownmenu(obj, e, dropmenuID)
{
	if (window.event) 
		event.cancelBubble=true
	else if (e.stopPropagation) 
		e.stopPropagation()
	if (typeof dropmenuobj!="undefined") //hide previous menu
		dropmenuobj.style.visibility="hidden"
	clearhidemenu()
	if (ie5||ns6)
	{
		obj.onmouseout=delayhidemenu
		dropmenuobj=document.getElementById(dropmenuID)
		if (hidemenu_onclick) dropmenuobj.onclick=function()
		{
			dropmenuobj.style.visibility='hidden'
		}
		dropmenuobj.onmouseover=clearhidemenu
		dropmenuobj.onmouseout=ie5? function(){ dynamichide(event)} : function(event){ dynamichide(event)}
		showhide(dropmenuobj.style, e, "visible", "hidden")
		dropmenuobj.x=getposOffset(obj, "left")
		dropmenuobj.y=getposOffset(obj, "top")
		dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
		dropmenuobj.style.top="24px"//dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"

	}
	return clickreturnvalue()
}

function clickreturnvalue()
{
	if ((ie5||ns6) && !enableanchorlink) 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 (ie5&&!dropmenuobj.contains(e.toElement))
		delayhidemenu()
	else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
		delayhidemenu()
}

function delayhidemenu()
{
	delayhide=setTimeout("dropmenuobj.style.visibility='hidden'",disappeardelay)
}

function clearhidemenu()
{
	if (typeof delayhide!="undefined")
		clearTimeout(delayhide)
}

//////////////////////////////////////////////////////////////

var menuArray = new Array();

menuArray[0] = "aboutMenu";
menuArray[1] = "aboutMenu1";
menuArray[2] = "grassMenu";
menuArray[3] = "grassMenu1";
menuArray[4] = "grassMenu1_3";
menuArray[5] = "grassMenu1_4";
menuArray[6] = "grassMenu2";
menuArray[7] = "grassMenu2_1";
menuArray[8] = "grassMenu2_2";
menuArray[9] = "grassMenu2_3";
menuArray[10] = "grassMenu3";
menuArray[11] = "grassMenu5";
menuArray[12] = "libraryMenu";
menuArray[13] = "resourceMenu";
menuArray[14] = "resourceMenu4";
menuArray[15] = "researchMenu";
menuArray[16] = "researchMenu1";
menuArray[17] = "researchMenu1_3";
menuArray[18] = "contactsMenu";
menuArray[19] = "researchMenu2";

var menuNames="";
function refreshMenus()
{

//alert('Showing ' + menuNames);
// loop through array
for (i=0;i<menuArray.length;i++)
{
	dropmenuobj=document.getElementById(menuArray[i]);
	if ((","+menuNames+",").indexOf(","+menuArray[i]+",")>=0)
	{
		// if menu is in menuNames show it, else hide it
		dropmenuobj.style.visibility="visible";
		if (document.getElementById(menuArray[i]+"_link")!=undefined)
		{
			document.getElementById(menuArray[i]+"_link").style.backgroundImage="url(images/components/subMenuBackgroundSelectedExtended.png)";
		}
	}
	else
	{
		dropmenuobj.style.visibility="hidden"
		if (document.getElementById(menuArray[i]+"_link")!=undefined)
		{
			document.getElementById(menuArray[i]+"_link").style.backgroundImage="";
		}
	}
}

}
function hideMenus()
{
	menuNames="";
	// set interval to refreshMenus after 50ms
	setTimeout("refreshMenus();",disappeardelay);
}
function displayMenus(newNames)
{
	menuNames=newNames;
	setTimeout("refreshMenus();",appeardelay);
}