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

maximg=5;		// Anzahl Bilder
sek=2;			// Geschwindigkeit Bilderwechsel
speed=sek*1000;
fading=15;		// Fading Speed in ms
bilderpfad = '../_images/fade/';


function startup1(){ 
	number=0;
	while(number==0 || number >= maximg){
		number=Math.round(Math.random()*20); // ---- Display Random Image
	}
	fadeimg = number + 1;
	document.getElementById('headerimg').src = bilderpfad + number + ".jpg";
	document.getElementById('fader').src = bilderpfad + fadeimg + ".jpg";
	start();
}

function start(){
	// ----- 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 = bilderpfad + fadeimg + ".jpg";
	setTimeout( "fadein()", speed/2 );
}

function fadein(){
	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_fadein = setTimeout("fadein()",fading);
	if(opacity ==99.999) {
		clearTimeout(timer_fadein);
		nextimg();
	}
}

function nextimg(){
	number++; // show next picture
	if( number > maximg ) number = 1; // if there are no more new pictures > show the first image again
	fadeimg = number + 1;
	if( number > ( maximg-1 ) ) fadeimg = 1; // if there are no more new pictures > fadein the first image again
	
	document.getElementById('headerimg').src = bilderpfad + number + ".jpg";
	change = setTimeout("start()",speed/2);
}