var DropDown = Class.create({ 

    initialize: function(pElement) {
        var tElements = $(pElement).select('li'); 
        var tNested = null
        for (var i = 0; i < tElements.length; i++) {
            var tElement = tElements[i];

			tElement.observe('mouseover', function(){ this.addClassName('hover'); });
			tElement.observe('mouseout', function(){ this.removeClassName('hover'); });

            tNested = $(pElement).select('ul').first();
            if(!tNested) {
                continue;
            }

            var tOffsetWidth  = 0;

            for (k = 0; k < tNested.childNodes.length; k++) {
                var tNode = tNested.childNodes[k];
                if (tNode.nodeName == "LI") {
                    tOffsetWidth = (tOffsetWidth >= tNode.offsetWidth) ? tOffsetWidth :  tNode.offsetWidth;
                }
            }

            for (l = 0; l < tNested.childNodes.length; l++) {
                var tNode = tNested.childNodes[l]
                if (tNode.nodeName == "LI") {
                    $(tNode).setStyle({'width' : tOffsetWidth + 'px'});
                }
            }

            $(tNested).setStyle({'width' : tOffsetWidth + 'px'});
        }
    }
});

document.observe('dom:loaded', function () {
    new DropDown($('menu'))
});