/* 
	JAVASCRIPT FOR CHANGING THE BANNERS
	AUTHOR: BEAU DURRANT
*/

var imagearray = new Array();
imagearray[0] = "bike";
imagearray[1] = "climbing";
imagearray[2] = "rings";
imagearray[3] = "running";
imagearray[4] = "swimming";

var textarray = new Array();
textarray[0] = "Movement is a medicine";
textarray[1] = "Live Long... Live Strong";
textarray[2] = "The first wealth is health";
textarray[3] = "Commit to be fit";
textarray[4] = "Happiness lies in health";

var changePatterns = new Array();
changePatterns[0] = "1-1,1-2,1-3,1-4,1-5,1-6,2-1,2-2,2-3,2-4,2-5,2-6";
changePatterns[1] = "2-6,1-1,1-6,2-1,1-4,2-4,1-2,2-2,2-3,1-3,2-5,1-5";
changePatterns[2] = "1-1,1-3,1-6,1-4,2-4,1-2,2-1,2-2,2-3,2-5,1-5,2-6";
changePatterns[3] = "2-6,2-5,2-4,2-3,2-2,2-1,1-6,1-5,1-4,1-3,1-2,1-1";
changePatterns[4] = "1-1,1-3,1-6,1-4,2-4,1-2,2-1,2-2,2-3,2-5,1-5,2-6";


var imageTransitionSpeed = 50;
var transitionSpeed = 5000;

var transitionIntervalID = setInterval(changeImages, transitionSpeed);
var imageTransitionIntervalID;

var image;
var imagePlaceholders = new Array();
var index;

function changeImages(){

	var rand_no = Math.floor(imagearray.length * Math.random());
	
	image = imagearray.splice(rand_no, 1);
	var changePattern = changePatterns.splice(rand_no, 1);
	
	imagePlaceholders = changePattern.toString().split(",");
	index = 0;
	imageTransitionIntervalID = setInterval(changeImage, imageTransitionSpeed);
	
	var text = textarray.splice(rand_no, 1);
	
	document.getElementById("rotatingText").innerHTML = text;
	
	textarray.push(text);
	changePatterns.push(changePattern);
	imagearray.push(image);

}

function changeImage(){
	if(index == imagePlaceholders.length-1) clearInterval(imageTransitionIntervalID);
	if(document.getElementById("image" + imagePlaceholders[index])){
		document.getElementById("image" + imagePlaceholders[index]).src = "/images/banners/" + image + "/" + image + imagePlaceholders[index] + ".jpg";
		index++;
	}
}