// Credit: http://www.dynamicdrive.com/style/csslibrary/item/glossy-vertical-menu/

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

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;&gt;"
		ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)
    ultags[t].parentNode.onmouseover=function(){
      var menu = this.getElementsByTagName("ul")[0];
      if (menu.getElementsByTagName("li")[0]) {
        menu.style.left=this.parentNode.offsetWidth+submenuoffset+"px";
        menu.style.display="block";
        this.addClassName('hover');
      }
    };
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.display="none";
    this.removeClassName('hover');
    };
    }
  }
}


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