var menuids = new Array("mainmenu");
var submenuoffset = -2;

function createcssmenu(){
  for (var i = 0; i<menuids.length; i++)
  {
    var ultags = document.getElementById(menuids[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", createcssmenu, false)
else if (window.attachEvent)
  window.attachEvent("onload", createcssmenu)