var animatedHeaderElements = null;
var counter = 0;
	
function startAnimatedHeaderElements()
{
	var animatedHeaderElementsFade = new Fx.Style( animatedHeaderElements[counter], "opacity", {
		duration:2000,
		wait:true,
		'transition':Fx.Transitions.Sine.easeInOut,
		onComplete: function() {
			if( counter < animatedHeaderElements.length-1 )
			{
				delay = counter % 2 ? 2000 : 0;
				counter++;
				setTimeout( "startAnimatedHeaderElements()", delay );
			}
		}
	} );
	animatedHeaderElementsFade.start( 0, 1 );
}

window.addEvent( 'load', function()
{
	var triggers = $$('a.itemContainer');
	var stretchers = $$('span.item');
	var labels  = $$('span.label');
	animatedHeaderElements = $$('img.animatedHeaderElement');
	
	
	var headerTextFade = new Fx.Style( "inner", "opacity", {
		duration:2000,
		wait:false,
		'transition':Fx.Transitions.Sine.easeInOut,
		onComplete: function() {
			if( animatedHeaderElements.length > 0 )
			{
				setTimeout( "startAnimatedHeaderElements()", 2000 );
			}
		}
	} );

	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': '63'
			});
			label.$tmp.fx.start(
			{
				'color': '#AB1E88',
				'duration': 50,
				'transition':Fx.Transitions.Quart.easeOut
			});
		});
		
		trigger.addEvent( 'mouseleave', function()
		{
			stretcher.$tmp.fx.start(
			{
				'height': '1'
			});
			label.$tmp.fx.start(
			{
				'color': '#ffffff',
				'duration': 500,
				'transition':Fx.Transitions.Quart.easeIn
			});
		});
			
	});
});