/**
 * slideshow.js changes the image with the id of 'slide'
 */

function getImage(i){

	var objImage=document.getElementById("slide");

	//set visibility
	objImage.style.visibility='hidden';

	//make image transparent
	setOpacity("slide", 0);

	//set the image source
	objImage.src='img/ppl' + i + '.png';

}

function fadeIn(objId) {
	var delay=190;
	var opacity = 1;
	var objImage=document.getElementById(objId);

	//set visibility
	objImage.style.visibility='visible';

	if (document.getElementById) {
		while (opacity <= 100) {
			window.setTimeout("setOpacity('"+objId+"',"+opacity+")", delay);
			opacity += 1;
			delay += 20; // modify to change fade speed
		}
	}
}

function fadeOut(objId) {
	var delay=190;
	var opacity = 100;
	if (document.getElementById) {
		while (opacity >= 1) {
			window.setTimeout("setOpacity('"+objId+"',"+opacity+")", delay);
			opacity -= 1;
			delay += 20; // modify to change fade speed
		}
	}
}

function setOpacity(objId, opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		opacity = (opacity == 100)?99.999:opacity;
		// IE/Win
		obj.style.filter = "alpha(opacity:"+opacity+")";
		// Safari<1.2 Konqueror
		obj.style.KHTMLOpacity = opacity/100;
		// Older Mozilla and Firefox
		obj.style.MozOpacity = opacity/100;
		// Safari 1.2, newer Firefox and Mozilla, CSS3
		obj.style.opacity = opacity/100;
	}
}

function slideShow(){

	var timer=0;

	for (var i=1; i < 5; i++){

		var slide="slide";
		//alert ("slide: " + slide);

		//get the image
		setTimeout("getImage('" + i + "')", timer );

		//fade in the image
		timer = timer + 2000;
		setTimeout("fadeIn('" + slide + "')", timer );

		//fade out the image unless it's the last one
		if (i < 4){

			timer = timer + 5000;
			setTimeout("fadeOut('" + slide + "')", timer );

		}

		timer = timer + 3000;

	}

}

slideShow();