var bannersArray = new Array();
var currentBanner = 0;
var totalBanners =0;

//This part manage the automatic change of the images

//Modify this variable is you want to change the interval of change between banners
//is set in miliseconds 5000 = to 5 seconds
var intervalBannerTimer =  6000;

var timerBanner = null;
var runningBanner = false;
var stageBanner = 1;

function initialiseBannerTicker() {
	runningBanner = false;
}

function runBannerTicker() {
	stageBanner = 2;
	workBanner();
}

	
function workBanner() {

  if(runningBanner == true) {
  
  	if(stageBanner == 1) { //Swap
		nextBanner();
		
		if(runningBanner == true) {
			// Set the timer
			timerBanner = self.setTimeout("workBanner()", 1);
		}
		stageBanner = 2;
			
	} else if(stageBanner == 2) { // Waiting
		if(runningBanner == true) {
			// Set the timer
			timerBanner = self.setTimeout("workBanner()", intervalBannerTimer );
		}
		stageBanner = 1; // next stage
	}
  }
  
}

function startBannerTicker() {
	initialiseBannerTicker();
	runningBanner = true;
	runBannerTicker();
}

function stopBannerTicker() {
	initialiseBannerTicker();
	if(timerBanner) {
		self.clearTimeout(timerBanner);
	}
}

function pauseBannerTicker() {
	runningBanner = false;
	if(timerBanner) {
		self.clearTimeout(timerBanner);
	}	
}

function unpauseBannerTicker() {
	runningBanner = true;
	stageBanner = 2;
	workBanner();
}

function clearBannerTimer() {
}

function addToBannerArray(objtitle,objdescription,objlinkUrl,objbackgroundImageImageURI,objbannerImageImageURI,objbannerImageImageTitle){
	tempArray = new Array();
	tempArray['title'] = objtitle;
	tempArray['description'] = objdescription;
	tempArray['link'] = objlinkUrl;
	tempArray['background'] = objbackgroundImageImageURI;
	tempArray['banner'] = objbannerImageImageURI;
	tempArray['bannetitle'] = objbannerImageImageTitle;	
  	
	bannersArray[bannersArray.length] = tempArray;
}

function previousBanner(){
	bannerIndex = currentBanner-1; 
 	if(bannerIndex < 0){
 	   changeBanner(totalBanners); 	   
 	}else{
 		changeBanner(bannerIndex);
 	}
}

function nextBanner(){  
    bannerIndex = currentBanner+1; 
 	if(bannerIndex > totalBanners){
 	   changeBanner(0); 	   
 	}else{
 		changeBanner(bannerIndex);
 	}
}

function changeBanner(id){
	currentBanner=id;
	var position = bannersArray[id];
	document.getElementById('bannerImage').src = position['banner'];
	document.getElementById('bannerImage').alt = position['bannetitle'];
	document.getElementById('banner').style.background= 'url('+position['background']+') no-repeat scroll 0 0';
	document.getElementById('bannerText').innerHTML = '<h3>'+position['title']+'</h3><p>'+position['description']+'</p> ';
	
	if(position['link'] !=''){
		document.getElementById('bannerLink').href= position['link'];
	}else{
		document.getElementById('bannerLink').href='#';
	}
			
}

  
