/*VARIABLES*/
var fadeTime=1000;//length of the fading animation
var switchTime=5000;//duration in between slides
var isPlaying=true;//slideshow play on load
var activeBanner=1;//which banner is first to be shown
var numSlides;
var rotateInterval;
var urlArray;
var eleArray;
/*ON DOC INIT*/
$(document).ready(function(){
	numSlides=$('.contentImages div.aBanner').length;
	writeNavigation();
	setActiveBanner(activeBanner);
  rotateInterval = setInterval('slideChange()',switchTime);
	initPlayButton();
});
/*METHODS*/
function writeNavigation(){
	$('#retailRotatingBanner').prepend('<div class="bannerNavigation"></div>')
	$('#retailRotatingBanner .bannerNavigation').append('<p></p>');
	$('#retailRotatingBanner .bannerNavigation p').append('<span class="backButton nobg"></span>')
	for(i=1;i<=numSlides;i++){
		$('#retailRotatingBanner .bannerNavigation p').append('<span class="button'+i+'">'+i+'</span>');
	}	
	$('#retailRotatingBanner .bannerNavigation p').append('<span class="nextButton nobg"></span>');
	for(i=1;i<=numSlides;i++){
		$('#retailRotatingBanner .bannerNavigation .button'+i).click(function(){
			for(j=1;j<=numSlides;j++){
				if($(this).attr('class')==$('.button'+j).attr('class')){
					slideChange(j);
				}
			}
		});
	}
	$('.backButton').click(function(){
		slideChange('next');
	});
	$('.nextButton').click(function(){
		slideChange('back');
	});
	$('#retailRotatingBanner').append('<div id="playPauseButton"></div>');
}
function setActiveBanner(num){
	clearActive();
	$('.contentImages div.aBanner:nth-child('+num+')').addClass('active');
	$('.button'+num).addClass('active');
}
function slideChange(num){
	if(num=='auto'||!num){
		num=activeBanner+1;
		if(num>numSlides){
			num=1;
		}
	}else{
		setPlayButton('pause');
	}
	if(num=='back'){
		num=activeBanner+1;
		if(num>numSlides){
			num=1;
		}
	}else if(num=='next'){
		num=activeBanner-1;
		if(num<1){
			num=numSlides;
		}
	}
	if(num==activeBanner){
		return false;
	}
	setUpArrays();
	crossfadeMagic(num);
	postTweenTimer=setTimeout('postTween('+num+')',fadeTime);
}
function crossfadeMagic(toBanner){
	$('.contentImages div.aBanner.active').removeClass('active');
	$('.contentImages div.aBanner:nth-child('+toBanner+')').addClass('active');
	var count=urlArray.length;
	for(i=0;i<count;i++){
		$('.contentImages div.aBanner.active div.'+eleArray[i]).css('background','url('+urlArray[i]+') top left no-repeat');
	}
	for(i=0;i<count;i++){
		$('.contentImages div.aBanner.active .'+eleArray[i]+' img').css('opacity','0');
	}
	for(i=0;i<count;i++){
		$('.contentImages div.aBanner.active .'+eleArray[i]+' img').animate({opacity: 1},fadeTime,function(){});
	}
}
function postTween(num){	
	setActiveBanner(num);
	activeBanner=num;
	clearTimeout(postTweenTimer);
}
function clearActive(){
	$('.contentImages div.aBanner').removeAttr('style');
	$('.contentImages div.aBanner').removeClass('active');
	$('.contentImages div.aBanner').removeClass('previousActive');
	for(i=1;i<=numSlides;i++){
		$('.button'+i).removeClass('active');
	}
}
function initPlayButton(){
	$('#playPauseButton').click(function(){
		if(isPlaying==true){
			setPlayButton('pause');
		}else if(isPlaying==false){
			setPlayButton('play');
		}
	});
}
function setPlayButton(string){
	if(string=='pause'){
		clearInterval(rotateInterval);
		$('#playPauseButton').addClass('paused');
		isPlaying=false;
	}else if(string=='play'){
		$('#playPauseButton').removeClass('paused');
  		rotateInterval = setInterval('slideChange()',switchTime);
		isPlaying=true;
	}
}
function setUpArrays(){	
	eleArray=[
		'contentImage',
		'largeHeadline',
		'smallHeadline',
		'bodyText',
		'discoverMore'
	];
	urlArray=[
		$('.aBanner.active .contentImage img').attr('src'),
		$('.aBanner.active .largeHeadline img').attr('src'),
		$('.aBanner.active .smallHeadline img').attr('src'),
		$('.aBanner.active .bodyText img').attr('src'),
		$('.aBanner.active .discoverMore img').attr('src')
	];
}