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

maximg2=21;		// How many images do you like to show?
sek=10;			// How fast should the images change?
speed2=sek*1000
fading2=15;		// Fading Speed in ms


function startup2(){ 
	number2=0;
	while(number2==0 || number2 >= maximg2){
		number2=Math.round(Math.random()*20); // ---- Display Random Image
	}
	fadeimg2=number2+1;
	document.getElementById('headerimg').src = "../pp_slideshow/images/" + number2 + ".jpg";
	document.getElementById('fader').src = "../pp_slideshow/images/" + fadeimg2 + ".jpg";
	start2();
}

function start2(){
	// ----- 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 = "../pp_slideshow/images/" + fadeimg2 + ".jpg";
	setTimeout("fadein2()",speed2/2);
}

function fadein2(){
	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_fadein2 = setTimeout("fadein2()",fading2);
	if(opacity ==99.999) {
		clearTimeout(timer_fadein2);
		nextimg2();
	}
}

function nextimg2(){
	number2++; // show next picture
	if(number2>maximg2)number2=1; // if there are no more new pictures > show the first image again
	fadeimg2=number2+1;
	if(number2>maximg2-1)fadeimg2=1; // if there are no more new pictures > fadein the first image again
	
	document.getElementById('headerimg').src = "../pp_slideshow/images/" + number2 + ".jpg";
	change = setTimeout("start2()",speed2/2);
}