var currentBannner = 1;

//preloading images

on1 = new Image();
on1.src = "/v1/images/1_on.gif";

off1 = new Image();
off1.src = "/v1/images/1_off.gif";

on2 = new Image();
on2.src = "/v1/images/2_on.gif";

off2 = new Image();
off2.src = "/v1/images/2_off.gif";

on3 = new Image();
on3.src = "/v1/images/3_on.gif";

off3 = new Image();
off3.src = "/v1/images/3_off.gif";

on4 = new Image();
on4.src = "/v1/images/4_on.gif";

off4 = new Image();
off4.src = "/v1/images/4_off.gif";

var img = document.createElement('img');
img.src = '/v1/images/loading.gif';


var on_list = new Array(on1.src, on2.src, on3.src, on4.src);
var off_list = new Array(off1.src, off2.src, off3.src, off4.src);
function display_banner(action) {
	if(action == "Prev") {
		currentBannner = currentBannner - 1;
		if(currentBannner < 1) currentBannner = maxBanners;
	}
	else {
		currentBannner = currentBannner + 1;
		if(currentBannner > maxBanners) currentBannner = 1;
	}
	showDiv(currentBannner);
}

function showDiv(dispBanner) {
	for(var i = 1; i < (maxBanners + 1); i++) {
		image_ref = "slide_img_" + i;
		image_link = link_list[i-1];
		image_path = image_list[i-1];
		if(i == dispBanner) {
			//call Ajax Function to display image
			var url = '/v1/ssi/getImageStr.php?image_path=' + image_path + '&image_link=' + image_link;
			http.open('get', url);
			/* Define a function to call once a response has been received. */
			http.onreadystatechange = getDetail; 
			/* Send the data. We use something other than null when we are sending using the POST
			method. */
			http.send(null);
			document.getElementById(image_ref).src = on_list[i-1];
		}
		else {
			document.getElementById(image_ref).src = off_list[i-1];			
		}
	}	
	InitializeTimer();
}

function getDetail() {
	if(http.readyState == 1){
		document.getElementById("image_slide").position = 'absolute';
		document.getElementById("image_slide").innerHTML = "<center><img src="+ img.src + " width=\"24\" height=\"24\" vspace=\"58\"></center>";
	}
	if(http.readyState == 4){ //Finished loading the response
		var response = http.responseText;
		//var errorArr = new Array();
		//errorArr = response.split("|");
		//if(errorArr[0] == "Y") {
			document.getElementById("image_slide").innerHTML = response;			
			//document.getElementById("image_slide").innerHTML = errorArr[1];			
		//}
	}
}

var secs;
var timerID = null;
var timerRunning = false;
var delay = 1000;

function InitializeTimer() {
    // Set the length of the timer, in seconds
    secs = 5;
    StopTheClock();
    StartTheTimer();	
}

function StopTheClock() {
    if(timerRunning)
        clearTimeout(timerID)
    timerRunning = false
}

function StartTheTimer() {
	if (secs == 0) {
        StopTheClock();
		currentBannner = currentBannner + 1;
		if(currentBannner > maxBanners) currentBannner = 1;
        showDiv(currentBannner);
    }
    else {
        //self.status = secs
        secs = secs - 1
        timerRunning = true
        timerID = self.setTimeout("StartTheTimer()", delay)
    }
}

if(maxBanners > 1) {
	InitializeTimer();	
}