//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('dom:loaded', function(){
	mainNavShow('mainnav')
})