var slideShowTime = 10000; //In milliseconds. 1 second = 1000
var x = 0,ssN = 0;	
function slideShow() {
//Store some variable to improve performents
var infobox = $("#info-box");
		var oldPicN = ssN-1;
var slideShowIMG = $("#slideShowIMG"+oldPicN);
ssN++;
	var images = new Array();
	//List of all of the images for the slide show

	images[0] = "/computercenter.JPG";
	images[1] = "/BA_hermann.jpg";
	
	//Preload the images
	if(document.images) {
	var preload = new Array();
		for(i = 0; i < images.length; i++) {
			preload[i] = new Image(400,300);
			preload[i].src = "/slideShow/"+images[i];
		}
	}
	
	var msgs = new Array();
	msgs[0] = "The Peru Computer Center.";
	msgs[1] = "Brad Hermann, Owner of the Computer Center.";

	
	var spanTag = document.createElement("span");
	spanTag.className='slideShowIMG';
	spanTag.setAttribute("id","slideShowIMG"+ssN);
	spanTag.style.cssText = 'display:none;';
	spanTag.innerHTML = "<img src=\""+preload[x].src+"\" width=\"400\" height=\"300\" />";
	document.getElementById('photo').appendChild(spanTag);
		try {
		slideShowIMG.fadeOut(1000,function(){slideShowIMG.remove();});
		}catch(e){};
		
		$("#slideShowIMG"+ssN).fadeIn(1000,function(){infobox.animate({opacity: 0.6, bottom:'0px'},500);});
		setTimeout("slideInfoBox()", slideShowTime-700);
	document.getElementById('info-box').innerHTML = msgs[x];
	document.getElementById('totalImages').innerHTML = x+1 +" / " + msgs.length;
	
	(x < msgs.length-1) ? x++ : x = 0;	
}


function slideInfoBox() {
var infobox = $("#info-box");
	infobox.animate({opacity: 0, bottom:'-38px'},500);
}

$(document).ready(function() {
	slideShow();
	setInterval("slideShow()",slideShowTime);
});