window.addEvent('domready', function(){
	
	var buttons = $$('#nav a img');
	
	/*buttons.addEvent('mouseenter',
		function(e){
			this.fade('out');
		}
	);*/
	
	/*buttons.each(function(e) {	
	buttons.set('tween', {  link:'cancel', duration: 250 });
		e.addEvents({'mouseenter': function(){
				this.fade('out');
			},'mouseleave': function(){
				this.fade('in');
			}
		});
	});*/
	
	// Remember to not use fade, because fade removes the element. just change the opacity to near 0
	buttons.set('morph',{ duration:250}).addEvents({
		'mouseenter': function(){
			this.morph({'opacity': .01});
		},
		'mouseleave': function(){
			this.morph({'opacity': 1});
		}
	});
	
});