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( 'promo-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', '',
						'#333333', '#2A2A2A',  '#C7C7C7',
						'#333333', '#707070',  '#FFFFFF',
						'#8AB32B', '#374912',  '#FFFFFF' );
	objPromoShow.addPromo( '02', '',
						'#333333', '#2A2A2A',  '#C7C7C7',
						'#333333', '#464646',  '#FFFFFF',
						'#F3582C', '#812307',  '#FFFFFF' );
	objPromoShow.addPromo( '03', '',
						'#333333', '#2A2A2A',  '#C7C7C7',
						'#333333', '#464646',  '#FFFFFF',
						'#27A7D4', '#103C5C',  '#FFFFFF' );
	objPromoShow.addPromo( '04', '',
						'#333333', '#2A2A2A',  '#C7C7C7',
						'#333333', '#464646',  '#FFFFFF',
						'#CC3300', '#802000',  '#FFFFFF' );

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

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

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

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