﻿var menuids=new Array("verticalmenu") //Enter id(s) of UL menus, separated by commas
var submenuoffset=-2 //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;"
		ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)
    ultags[t].parentNode.onmouseover=function(){
    //Cross browser opacity
	  this.getElementsByTagName("ul")[1].style.opacity = 0.90;
      this.getElementsByTagName("ul")[1].style.MozOpacity = 0.90;
      this.getElementsByTagName("ul")[1].style.KhtmlOpacity = 0.90;
      this.getElementsByTagName("ul")[1].style.filter = "progid:DXImageTransform.Microsoft.RevealTrans(duration=.5, transition=5)progid:DXImageTransform.Microsoft.Alpha(opacity=90);";
    //End Cross browser opacity
    this.getElementsByTagName("ul")[0].style.left=this.parentNode.offsetWidth+submenuoffset-20+"px"
    this.getElementsByTagName("ul")[1].style.left=this.parentNode.offsetWidth+submenuoffset-10+"px"
    //this.getElementsByTagName("ul")[0].filters[0].apply();
    this.getElementsByTagName("ul")[0].style.display="block";
    this.getElementsByTagName("ul")[1].style.display="block";
    //this.getElementsByTagName("ul")[0].filters[0].play();
      
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.display="none";
    this.getElementsByTagName("ul")[1].style.display="none";
    }
    }
  }
}


if (window.addEventListener)
window.addEventListener("load", createcssmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", createcssmenu)