var GaiaMenu = Class.create();
GaiaMenu.prototype = {
    initialize: function(id) {
        this.menuDiv = $(id);
        if (this.menuDiv != null) {
            var ul = this.menuDiv.down("ul");
            while (ul) {
                if (ul.down("div") != null) {
                    Event.observe(ul, "mouseover", this.showMenu.bind(this, ul.down("div")));
                    Event.observe(ul, "mouseout", this.hideMenu.bind(this, ul.down("div")));
                }
                // Effect.SlideUp(ul.down("div"), {duration: 0});
                ul = ul.next();
            }
        }
    },
    showMenu: function(menu) {
        // Effect.SlideDown(menu); 
        menu.style.display = "block";
    },
    hideMenu: function(menu) {
        // Effect.SlideUp(menu); 
        menu.style.display = "none";
    }
}
Event.observe(window, "load", function() { new GaiaMenu("menuheader"); });