var animatedHeaderElements = null;
var counter = 0;

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': '38'
			});
            label.$tmp.fx.start(
			{
			    'color': '#ad1f8d',
			    '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
			});
        });

    });
});