// NAVIGATION EFFECTS 
var Nav = {
	
	start: function(){
		var menu = $$('#menu li');
		var myFx = [];
			
		menu.each(function(element,i){
			if(i == 4){ //take out divider in menu so it doesn't receive hover effect
		  	  //do nothing
			}else{
			  //add effects to other elements	
			  var first = menu[i];
			  myFx[i] = new Fx.Style(first, 'opacity', {'duration': 250, 'wait': false, 'transition': Fx.Transitions.quadOut});
	
			  element.addEvent('mouseover', function(){myFx[i].start(0.5);});
			  element.addEvent('mouseout', function(){myFx[i].start(1);});
				
			}
				
		});
		
	}
};
window.addEvent('domready', Nav.start);