$(document)
    .ready(function() {

        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.

        var currentElement = null;
        var currentHeight = $("html").height();

        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"

                        currentElement = t;
                        altura = $(this.getElementsByTagName("ul")[0]).height();
                        altura += currentHeight + 10;
                        $("html").height(altura);
                        
                    }
                    
                    ultags[t].parentNode.onmouseout = function() {
                        this.getElementsByTagName("ul")[0].style.display = "none"                                                
                    }
                }
            }
        }

        createcssmenu();

    });