window.addEvent("domready", function() {
    
    $$("li.menu_item").each(function(item) {
        item.addEvents({
            "mouseenter": function() {
                this.addClass("menu_item_selected");
                var sub_menu = this.getElement("ul.sub_menu");
                if(sub_menu) {
                    sub_menu.setStyle("width", Math.max(item.offsetWidth, sub_menu.offsetWidth));
                }
            },
            "mouseleave": function() {
                this.removeClass("menu_item_selected");
            }
        });
        var menu_link = item.getFirst();
        menu_link.addEvents({
            "mouseenter": function() {
                this.getParent().addClass("menu_item_over");
            },
            "mouseleave": function() {
                this.getParent().removeClass("menu_item_over");
            }
        });
    });

});