/* ----- JS-Slideshow Version 1.0 ------------------------------------------------------------
-------- by Daniel Benkenstein ---------------------------------------------------------------
-------- © Flatspin Web Solutions 2007 --------------------------------------------------
--------------------------------------------------------------------------------------------*/

maximg3=16;		// How many images do you like to show?
sek=5;			// How fast should the images change?
speed3=sek*1000
fading3=15;		// Fading Speed in ms


function startup3(){ 
	number3=0;
	while(number3==0 || number3 >= maximg3){
		number3=Math.round(Math.random()*20); // ---- Display Random Image
	}
	fadeimg3=number3+1;
	document.getElementById('headerimg').src = "../stats_slideshow/images/" + number3 + ".jpg";
	document.getElementById('fader').src = "../stats_slideshow/images/" + fadeimg3 + ".jpg";
	start3();
}

function start3(){
	// ----- set Fader invisible
	opacity=0;
	document.getElementById('fader').style.MozOpacity = opacity; // Older Mozilla and Firefox
	document.getElementById('fader').style.opacity = opacity; // Safari 1.2, newer Firefox and Mozilla, CSS3
	document.getElementById('fader').style.filter = "alpha(opacity:"+ opacity +")"; // IE/Windows
	document.getElementById('fader').style.KHTMLOpacity = opacity; // Safari < 1.2, Konqueror
	
	document.getElementById('fader').src = "../stats_slideshow/images/" + fadeimg3 + ".jpg";
	setTimeout("fadein3()",speed3/2);
}

function fadein3(){
	opacity++;
	
	
	if(opacity >= 100) opacity=99.999; // Fix for math error in some browsers
	
	document.getElementById('fader').style.MozOpacity = opacity/100; // Older Mozilla and Firefox
	document.getElementById('fader').style.opacity = opacity/100; // Safari 1.2, newer Firefox and Mozilla, CSS3
	document.getElementById('fader').style.filter = "alpha(opacity:" + opacity +")"; // IE/Windows
	document.getElementById('fader').style.KHTMLOpacity = 0; // Safari < 1.2, Konqueror
	
	timer_fadein3 = setTimeout("fadein3()",fading3);
	if(opacity ==99.999) {
		clearTimeout(timer_fadein3);
		nextimg3();
	}
}

function nextimg3(){
	number3++; // show next picture
	if(number3>maximg3)number3=1; // if there are no more new pictures > show the first image again
	fadeimg3=number3+1;
	if(number3>maximg3-1)fadeimg3=1; // if there are no more new pictures > fadein the first image again
	
	document.getElementById('headerimg').src = "../stats_slideshow/images/" + number3 + ".jpg";
	change = setTimeout("start3()",speed3/2);
}