function shownav(){
	$$('#mainnav > ul > li').each(function(li){
		if(li==$$('#mainnav > ul > li').first()){return false;}
		var n = 0;
		li.observe('mouseover',function(){
			li.addClassName('on');
			li.select('li').first().select('a').each(function(a){
				if(n < a.getWidth()){
					n = a.getWidth();
				}
			});
			if(li.getWidth() - 16 > n){
				n = li.getWidth() -16;
			}
			li.select('div').first().setStyle({
				width: n + 'px'
			})
		}).observe('mouseout',function(){
			this.removeClassName('on');
		})
	})
}

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