objPromoTileEffects = new Object();

function handle_promoTileOver( objEvent )
{

	objElem = $( objEvent.target );

	if( objElem.get( 'tag' ) == 'img' )
	{
		// Stop the link from being followed
		objEvent = new Event( objEvent ).stop();

		// Stop the event from bubbling
		objEvent.stopPropagation();

		objPromoTileEffects[ objElem.id ].start({
			'background-position': '1px -68px'
		});
	}
}

function handle_promoTileOut( objEvent )
{
	objElem = $( objEvent.target );

	if( objElem.get( 'tag' ) == 'img' )
	{
		// Stop the link from being followed
		objEvent = new Event( objEvent ).stop();

		// Stop the event from bubbling
		objEvent.stopPropagation();

		objPromoTileEffects[ objElem.id ].start({
			'background-position': '1px 0'
		});
	}
}

window.addEvent( 'domready', function()
{
	objPromoShow = new PromoShow( 'prod-primary' );

	/* addPromo( promoIdAppend, promo border color, 
	             default bg color, default border color, default text color, 
	             hover bg color, hover border color, hover text color, 
	             selected bg color, selected border color, selected text color )
	*/

	objPromoShow.addPromo( '01', '#130E2F',
						'#202020', '#505050', '#FFFF00',
						'#595856', '#b5b5b5', '#ffffff',
						'#FFFF00', '#FFFF00', '#000000' ); //f

	objPromoShow.addPromo( '02', '#130E2F',
						'#202020', '#505050', '#FFFF00',
						'#595856', '#b5b5b5', '#ffffff',
						'#FFFF00', '#FFFF00', '#000000'  ); //s

	objPromoShow.addPromo( '03', '#130E2F',
						'#202020', '#505050', '#FFFF00',
						'#595856', '#b5b5b5', '#ffffff',
						'#FFFF00', '#FFFF00', '#000000' ); //t

	objPromoShow.addPromo( '04', '#130E2F',
						'#202020', '#505050', '#FFFF00',
						'#595856', '#b5b5b5', '#ffffff',
						'#FFFF00', '#FFFF00', '#000000'  ); //f
	
	objPromoShow.addPromo( '05', '#130E2F',
						'#202020', '#505050', '#FFFF00',
						'#595856', '#b5b5b5', '#ffffff',
						'#FFFF00', '#FFFF00', '#000000'  ); //f
	objPromoShow.addPromo( '06', '#130E2F',
						'#202020', '#505050', '#FFFF00',
						'#595856', '#b5b5b5', '#ffffff',
						'#FFFF00', '#FFFF00', '#000000'  ); //f


	objPromoShow.attach();
	objPromoShow.startTimer();

	$$( '.prod-tile img' ).each( function( objTile ){

		objPromoTileEffects[ objTile.id ] = new Fx.Morph( objTile, { transition: Fx.Transitions.Bounce.easeOut, duration: 600, link: 'cancel' } );

		objTile.addEvent( 'mouseover', handle_promoTileOver.bind( objPromoTileEffects ) );
		objTile.addEvent( 'mouseout', handle_promoTileOut.bind( objPromoTileEffects ) );
	});
});