var images = new Array();
images[0] = "1869.jpg";
images[1] = "1885.jpg";
images[2] = "1904.jpg";
images[3] = "1915.jpg";
images[4] = "1920.jpg";
images[5] = "1927.jpg";
images[6] = "1932.jpg";
images[7] = "1935.jpg";
images[8] = "1947.jpg";
images[9] = "1962.jpg";
images[10] = "1987.jpg";
images[11] = "1991.jpg";
images[12] = "2001.jpg";
images[13] = "2008.jpg";
var numImages = 14;
var nextImage = 1;


//some of this is adapted from the fine code at brainerror.net



//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 101);
	object.MozOpacity = (opacity / 101);
	object.KhtmlOpacity = (opacity / 101);
	object.filter = "alpha(opacity=" + opacity + ")";
}

var divid = "blenddiv";
var imageid = "blendimage";

function blankimage() {
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(img/slideshow/blank.jpg)";
		
	//make image transparent
	document.getElementById(imageid).src = "img/slideshow/blank.jpg";
	
	changeOpac(0, imageid);
		
	setTimeout("blendimage()", 10);
}
function blendimage() {
	millisec = 1000;
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//make new image
	nextImage += 1;
	if(nextImage == numImages) {
		nextImage = 0;
	}

	document.getElementById(imageid).src = "img/slideshow/" + images[nextImage];
		
	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
	
	setTimeout("blankimage()", 5000);
}