document.observe("dom:loaded", function() {
    
    $$("div.groupMenu").each(function(item) {
	var width = 0;
	var divs = item.childElements();
	for(var i=0; i<divs.length; i++) {
	    var div = divs[i];
	    if(i < divs.length - 1) {
		div.addClassName("subGroupMenu");
	    }
	    width += div.offsetWidth;
	}
	var parentWidth = $(item.parentNode).offsetWidth - parseInt(item.getStyle("padding-left")) - parseInt(item.getStyle("padding-right")) - 2;
	item.style.width = Math.max(width, parentWidth) + "px";
    });
    
    var menuItems = $$("li.menuItem");
    for(var i=0; i<menuItems.length; i++) {
	var menuItem = menuItems[i];
	menuItem.observe("mouseover", function() {
	    this.addClassName("menuItemOver");
	});
	menuItem.observe("mouseout", function() {
	    this.removeClassName("menuItemOver");
	});
    }

});