//main nav 
function shownav(){
	$$('#mainnav > ul > li').each(function(li){
		var ul=li.select('ul')[0];
		if(ul){
			li.addClassName("no");
			li.observe('mouseover',function(){
				ul.addClassName('on');
			}).observe('mouseout',function(){
				ul.removeClassName('on');
			})
		}
	})
}

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