window.addEvent('domready', function() {
	var triggers=$$('.du_trigger');
	var holders=$$('.du_holder');
	var contents=$$('.du_content');

	triggers.each(function(trigger, index){
		var t=trigger.getCoordinates().top;
		var h=contents[index].getCoordinates().height;
		var te=t-h;
		var ts=t-1;
		var coming = new Fx.Morph(contents[index], {duration:'normal', transition:Fx.Transitions.Sine.easeIn});
		var going = new Fx.Morph(contents[index], {duration:'normal', transition:Fx.Transitions.Sine.easeOut});
		contents[index].setStyles({
			'left': 'auto',
			'height': '1px',
			'opacity': 0,
			'top': ts
		});
		holders[index].addEvent('mouseenter', function(){
			coming.start({
				'height': h,
				'opacity': 1,
				'top': te
			});
		});
		holders[index].addEvent('mouseleave', function(){
			going.start({
				'height': '1px',
				'opacity': 0,
				'top': ts
			});
		});
	});
});