/*
	eclipse-creative.com
	27/11/2008 tomc
	
	Script for home page animated elements
*/

function initDrop( _drop, _inner ){
	
	window.addEvent('domready', function(){
	
	var drop = $(_drop);
	var inner = $(_inner);

	var orginHeight = inner.getStyle("height").toInt();
		inner.setStyle("height", "0px");
	
		drop.addEvents({
			'mouseenter': function(){
				inner.set('tween', {
					duration: 800,
					transition: Fx.Transitions.Bounce.easeOut
				}).tween('height', orginHeight+"px");
			},
			'mouseleave': function(){
				inner.set('tween', {}).tween('height', '0px');
			}
		});
		
		drop.setStyle( "visibility", "visible");
	});
}

initDrop( "drop1", "inner1" );
initDrop( "drop2", "inner2" );

initDrop( "drop3", "inner3" );
initDrop( "drop4", "inner4" );