// --------------------------------------- //
// -----| ROTATING IMAGES FUNCTION |------ //
// --------------------------------------- //

function initRotator($wrapperElement, $delay) {
	$($wrapperElement).css({'position':'relative'});
	$($wrapperElement).children()
		.hide()
		.css({'display':'none', 'position':'absolute', 'top':'0', 'left':'0', 'z-index':'0'})
		.addClass('rotate-me');
	$($wrapperElement).children(':first').show().addClass('visible');
	setInterval('rotateImages(2000, "' + $wrapperElement + '");',$delay); // Init interval timer
}

function rotateImages($fadeTime, $targetWrapper) {	
	if($($targetWrapper + ' .rotate-me:last-child').hasClass('visible')) {
		$($targetWrapper + ' .rotate-me:first-child')
			.fadeIn($fadeTime, function() {
				$(this).addClass('visible');
				$(this).css({'z-index':'1'});
			});
		$($targetWrapper + ' .rotate-me:last-child')
			.fadeOut($fadeTime, function() {
				$(this).removeClass('visible');
				$(this).css({'z-index':'0'});
			});
	} else {
		$($targetWrapper + ' .visible')
			.fadeOut($fadeTime, function() {
				$(this).removeClass('visible');
				$(this).css({'z-index':'0'});
			})
			.next()
			.fadeIn($fadeTime, function() {
				$(this).addClass('visible');
				$(this).css({'z-index':'1'});
			});
	}
}

initRotator('#featured-promo', 10000);
initRotator('#promos', 7500);