mainnav show and hide
var mainNavShow = 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('active');
			}
		}).observe('mouseout',function(){
			var div = this.select('div')[0];
			if(div){
				this.removeClassName('active');
			}
		})
	})
}

run
document.observe('domloaded', function(){
	mainNavShow('mainnav')
})