// JavaScript Document
imgPreloadArray = new Array();
imgPreloadArray[0] = "img/schachbrett/text.gif";
imgPreloadArray[1] = "img/schachbrett/1.jpg";
imgPreloadArray[2] = "img/schachbrett/2.jpg";
imgPreloadArray[3] = "img/schachbrett/3.jpg";
imgPreloadArray[4] = "img/schachbrett/4.jpg";
imgPreloadArray[5] = "img/schachbrett/5.jpg";
imgPreloadArray[6] = "img/schachbrett/6.jpg";
imgPreloadArray[7] = "img/schachbrett/7.jpg";
imgPreloadArray[8] = "img/schachbrett/8.jpg";

function vorladen() {
	for (i = 0; i < imgPreloadArray.length; i++) {
		var Bild = new Image(170, 90);
		Bild.src = imgPreloadArray[i];
	}
	
	startAnimation();
}

function initImage(imageId) {
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId, 0);
}

function fadeIn(objId, opacity) {
	if(document.getElementById) {
		obj = document.getElementById(objId);
		if(opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('" + objId + "', " + opacity + ")", 80);
		}
	}
}

function setOpacity(obj, opacity) {
	opacity = (opacity == 100) ? 99.999 : opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:" + opacity + ")";
	// Safari < 1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// ältere Mozilla und Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, neuere Firefox und Mozilla, CSS3
	obj.style.opacity = opacity/100;
}

function startAnimation() {
	document.getElementById("text").style.visibility = "hidden";
	window.document.images['text'].src = imgPreloadArray[0];
	window.setTimeout("initImage('p1')", 500);
	window.setTimeout("initImage('p8')", 1000);
	window.setTimeout("initImage('p3')", 1500);
	window.setTimeout("initImage('p4')", 2000);
	window.setTimeout("initImage('p7')", 2500);
	window.setTimeout("initImage('p5')", 3500);
	window.setTimeout("initImage('p2')", 4000);
	window.setTimeout("initImage('p6')", 4500);
	window.setTimeout("initImage('text')", 5000);
}