var cssmenuhids=["cssmenuh"]
var cssmenuvids=["cssmenuv"]
var submenuhoffset=-1
var submenuvoffset=-1

function createcssmenu(){

// horizontal menu
for (var i=0; i<cssmenuhids.length; i++){
  var ultags=document.getElementById(cssmenuhids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
			ultags[t].style.top=ultags[t].parentNode.offsetHeight+submenuhoffset+"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.getElementsByTagName("ul")[0].style.visibility="visible"
        this.style.background="#0081e9"
    	}
    	ultags[t].parentNode.onmouseout=function(){
			this.getElementsByTagName("ul")[0].style.visibility="hidden"
                        this.style.background="transparent"
    }
    }
  }


// vertical menu
for (var i=0; i<cssmenuvids.length; i++){
  var ultags=document.getElementById(cssmenuvids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
    var spanref=document.createElement("span")
		spanref.className="arrowdiv"
		spanref.innerHTML="&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+submenuvoffset+"px"
    this.getElementsByTagName("ul")[0].style.display="block"
    this.style.background="#0081e9"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.display="none"
    this.style.background="transparent"
    }
    }
  }
}



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