var showNav=function(elem){
	if(!$(elem)) return;
	$$('#' + elem +' > ul > li').each(function(li){
		li.observe('mouseover',function(){
			var div = this.select('div')[0];
			if(div){
				this.addClassName('on')
			}
		}).observe('mouseout',function(){
			var div = this.select('div')[0];
			if(div){
				this.removeClassName('on')
			}
		})
	})
}

//run
document.observe('dom:loaded', function(){
	showNav('mainnav');
})