var menuids=new Array("verticalmenu") //Enter id(s) of UL menus, separated by commas
var submenuoffset=-3 //Offset of submenus from main menu. Default is -2 pixels.
//S=! orig value -2 pixels. adjust to see if can get rid of the submenu block bleeding out past the 160px
//i was able to do a temp fix inside css code, so will play with values here for submenuoffset
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;"
		//spanref.innerHTML="test"
		//s=! this allows the arrow to appear, as the spaces display as literal hmtl
		spanref.innerHTML="&nbsp;&nbsp;&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)