/*

eine Uebersicht der Transitions findest du hier:
http://www.consideropen.com/blog/2008/08/30-days-of-mootools-12-tutorials-day-11-using-fxmorph-fx-options-and-fx-events/ 

*/

window.addEvent('domready', function(){	

	$$('.article').addEvent('mouseenter', function(){
		this.getElement('.whiteBox').morph({
			'opacity': 0,
			transition: 'quart:out',
			duration: 1200
		});
	});

	$$('.article').addEvent('mouseleave', function(){
		this.getElement('.whiteBox').morph({
			'opacity': 1,
			transition: 'quart:out',
		    duration: 2000
		});
	});

});