window.addEvent('domready', function(){
// selector for "nav" div and navigation button classes "menu-item" 
var el=$('Nav').getElements('a.style1');
//saves the original background color of each nav buttons 
var origColor = '#666';
//el now represents the a.menu-item class elements
el.set({
	   'styles': {'opacity': 0.5},
	   'morph': {'duration': 300, 'link': 'cancel'}
	   }).addEvents(
	   { //when the mouse enters over buttons background will change
		   mouseenter: function(){
			   
			   this.morph({
						  'opacity': 1,
						  'color': '#006c82'
						  });
		   },
		   //when the mouse leaves buttons background will return to original color
		   mouseleave: function(){
			   
			   this.morph({
						  'opacity': 0.5,
						  'color': origColor
						  });
		   }
	   });
									 
									 
});