var menuids=new Array("verticalmenu");
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);
}

function removecolour(val) {
  if(document.getElementById && document.createTextNode) {
    if(!document.getElementById(val).className.search('active_menu_item')) {
      document.getElementById(val).className = "";
    }
  }
}

function changecolour(val) {
  if(document.getElementById && document.createTextNode) {
	if(document.getElementById(val).className.search('active_menu_item')) {
      document.getElementById(val).className += 'active_menu_item';  	  	
	}
  }
}