﻿         var menuids = new Array("menu");
         var submenuoffset = -2;

         function createcssmenu() {
             for (var i = 0; i < menuids.length; i++) {
                 var ultags = document.getElementById(menuids[i]).getElementsByTagName("ul");
                 for (var j = 0; j < ultags.length; j++) {
                     var spanref = document.createElement("span");
                     spanref.className = "arrowDiv";
                     spanref.innerHTML = "&nbsp;&nbsp;";
                     ultags[j].parentNode.getElementsByTagName("a")[0].appendChild(spanref);
                     ultags[j].parentNode.onmouseover = function() {
                         this.getElementsByTagName("ul")[0].style.left = this.parentNode.offsetWidth + submenuoffset + "px";
                         this.getElementsByTagName("ul")[0].style.display = "block";
                         this.getElementsByTagName("ul")[0].style.backgroundColor = "#58728D";                         
                     }
                    
                     ultags[j].parentNode.onmouseout = function() {
                     this.getElementsByTagName("ul")[0].style.display = "none";
                     this.style.backgroundColor = "white";
                     }
                 }
             }
         }

         if (window.addEventListener)
             window.addEventListener("load", createcssmenu, false)
         else if (window.attachEvent)
             window.attachEvent("onload", createcssmenu);
        

