function shownav(){
	$$('#mainnav > ul > li').each(function(li){
		var n = 0;
		li.observe('mouseover',function(){
			if(!li.select('div').first()){return false;}
			li.addClassName('on');
			if(!li.select('div').first().style.width){
				li.select('ul').first().select('a').each(function(a){
					if(n < a.getWidth()){
						n = a.getWidth() + parseInt(a.getStyle('padding-right')) + parseInt(a.getStyle('padding-right'));
					}
					a.setStyle({
						display: 'block'
					})
				});
				var liWidth = (li.getWidth() + parseInt(li.getStyle('margin-right')) + parseInt(li.getStyle('margin-left')));
				if( liWidth > n){
					n = liWidth;
				}
				li.select('div').first().setStyle({
					width: n + 'px'
				})
			}
		}).observe('mouseout',function(){
			this.removeClassName('on');
		})
	})
}

Event.observe(window, 'load', function() { 
	shownav();
})