// Enter id(s) of CSS Horizontal UL menus, separated by commas
var cssMenuIds = ['aboutRotaryMenu', 'wheelChairMenu']; 

// Offset of submenus from main menu. Default is 0 pixels.
var cssSubMenuOffset = -1; 

function createCssMenu()
{
	for (var i = 0; i < cssMenuIds.length; i++)
	{
		if( document.getElementById(cssMenuIds[i]) == null)
			continue;

var ulTags = document.getElementById(cssMenuIds[i]).getElementsByTagName("ul");
		for (var t = 0; t < ulTags.length; t++)
		{
			ulTags[t].style.top = ulTags[t].parentNode.offsetHeight + cssSubMenuOffset + "px";
			var spanRef = document.createElement("span");
			spanRef.className = "arrowdiv";
			spanRef.innerHTML = "&nbsp;&nbsp;&nbsp;&nbsp;"
			ulTags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanRef);

			ulTags[t].parentNode.onmouseover = function()
			{
				this.style.zIndex = 100;
				this.getElementsByTagName("ul")[0].style.visibility = "visible";
				this.getElementsByTagName("ul")[0].style.zIndex = 0;
			}
			ulTags[t].parentNode.onmouseout = function()
			{
				this.style.zIndex = 0;
				this.getElementsByTagName("ul")[0].style.visibility = "hidden";
				this.getElementsByTagName("ul")[0].style.zIndex = 100;
			}
		}
	}
}



if (window.addEventListener)
	window.addEventListener("load", createCssMenu, false);
else if (window.attachEvent)
	window.attachEvent("onload", createCssMenu);



