var morphSet = function(){

	this.start({
		'opacity': '0.8'
	});
}
 

var morphReset = function(){

	this.start({
		'opacity': '0'
	});
}
 
window.addEvent('domready', function() {

	var morphElement = $('box1');
	var morphElement2 = $('box2');
	var morphElement3 = $('box3');
 
	morphElement.set({
		'opacity':0
	});
	
	morphElement2.set({
		'opacity':0
	});
	
	morphElement3.set({
		'opacity':0
	});
	
	
	
	morphElement = new Fx.Morph(morphElement, {
		link: 'cancel'
	});

	$('image1').addEvents({
		'mouseover': morphSet.bind(morphElement),
		'mouseleave': morphReset.bind(morphElement)		
	})

	
	
	morphElement2 = new Fx.Morph(morphElement2, {
		link: 'cancel'
	});

	$('image2').addEvents({
		'mouseover': morphSet.bind(morphElement2),
		'mouseleave': morphReset.bind(morphElement2)
	})

	
	
	morphElement3 = new Fx.Morph(morphElement3, {
		link: 'cancel'
	});
	
	$('image3').addEvents({
		'mouseover': morphSet.bind(morphElement3),
		'mouseleave': morphReset.bind(morphElement3)
	})

	
});