var menuids1=new Array("LeftMenu1")		//Enter id(s) of UL menus, separated by commas
var menuids2=new Array("LeftMenu2")		//Enter id(s) of UL menus, separated by commas
var submenuoffset=-2 //Offset of submenus from main menu. Default is -2 pixels.

// Creates CSS Menu for the first section on the left menu
///---------------------------------------------------------------------------------
function createcssmenu1()
{
	for (var i=0; i<menuids1.length; i++)
	{
		var ultags=document.getElementById(menuids1[i]).getElementsByTagName("ul")
		for (var t=0; t<ultags.length; t++)
		{
			
			var spanref=document.createElement("span")
			spanref.className="StyleSheets/arrowdiv"
			spanref.innerHTML="&nbsp;&nbsp;"
			ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)
			ultags[t].parentNode.onmouseover=function()
			{
				this.getElementsByTagName("ul")[0].style.left=this.parentNode.offsetWidth+(submenuoffset)+"px"
				this.getElementsByTagName("ul")[0].style.display="block"
			}
			ultags[t].parentNode.onmouseout=function()
			{
				this.getElementsByTagName("ul")[0].style.display="none"
			}
		}
	}
}


// Creates CSS Menu for the second section on the left menu
///---------------------------------------------------------------------------------
function createcssmenu2()
{
	for (var i=0; i<menuids2.length; i++)
	{
		var ultags=document.getElementById(menuids2[i]).getElementsByTagName("ul")
		for (var t=0; t<ultags.length; t++)
		{
			var spanref=document.createElement("span")
			spanref.className="arrowdiv"
			spanref.innerHTML="&nbsp;&nbsp;"
			ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)
			ultags[t].parentNode.onmouseover=function()
			{
				this.getElementsByTagName("ul")[0].style.left=this.parentNode.offsetWidth+(submenuoffset)+"px"
				this.getElementsByTagName("ul")[0].style.display="block"
		    }
			ultags[t].parentNode.onmouseout=function()
			{
				this.getElementsByTagName("ul")[0].style.display="none"
			}
		}
	}
}


if (window.addEventListener)
{
	window.addEventListener("load", createcssmenu1, false)
	window.addEventListener("load", createcssmenu2, false)
}
else if (window.attachEvent)
{
	window.attachEvent("onload", createcssmenu1)
	window.attachEvent("onload", createcssmenu2)
}


// This function allows the menu to show above the form controls available on the page
///---------------------------------------------------------------------------------
function hideselect(x,y,w,h)
{
	var selx,sely,selw,selh,i
	var sel=document.getElementsByTagName("SELECT")
	for(i=0;i<sel.length;i++)
	{
		selx=0; sely=0; var selp;
		if(sel[i].offsetParent)
		{
			selp=sel[i];
			while(selp.offsetParent)
			{
				selp=selp.offsetParent;
				selx+=selp.offsetLeft;
				sely+=selp.offsetTop;
			}
		}
		selx+=sel[i].offsetLeft;
		sely+=sel[i].offsetTop;
		selw=sel[i].offsetWidth;
		selh=sel[i].offsetHeight;
		if(selx+selw>x && selx<x+w && sely+selh>y && sely<y+h)
		if(sel[i].style.visibility!="hidden") sel[i].style.visibility="hidden";
		else sel[i].style.visibility="visible";
	}
}