window.addEvent( 'load', function()
{
	var triggers = $$('a.itemContainer');
	var stretchers = $$('span.item');
	var labels  = $$('span.label');
	
	var headerTextFade = new Fx.Style( "inner", "opacity", {duration:2000, wait:false, 'transition':Fx.Transitions.Sine.easeInOut} );
	headerTextFade.start( 0, 1 );


	triggers.each( function( trigger, i )
	{
		var stretcher = stretchers[i];
		var label = labels[i];
		
		stretcher.$tmp.fx = new Fx.Styles( stretcher, {duration:1000, wait:false, 'transition':Fx.Transitions.Quart.easeOut} );
		label.$tmp.fx = new Fx.Styles( label, {wait:false} );
			
		trigger.addEvent( 'mouseenter', function()
		{
			stretcher.$tmp.fx.start(
			{
				'height': '30'
			});
			label.$tmp.fx.start(
			{
				'color': '#ffff',
				'duration': 90,
				'transition':Fx.Transitions.Quart.easeOut
			});
		});
		
		trigger.addEvent( 'mouseleave', function()
		{
			stretcher.$tmp.fx.start(
			{
				'height': '0.75'
			});
			label.$tmp.fx.start(
			{
				'color': '#ffffff',
				'duration': 500,
				'transition':Fx.Transitions.Quart.easeIn
			});
		});
			
	});
});