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

maximg=7;		// How many images do you like to show?
sek=10;			// How fast should the images change?
speed=sek*1000
fading=15;		// Fading Speed in ms


function startup(){ 
	number=0;
	while(number==0 || number >= maximg){
		number=Math.round(Math.random()*20); // ---- Display Random Image
	}
	fadeimg=number+1;
	document.getElementById('headerimg').src = "../../_images/slideshow/" + number + ".jpg";
	document.getElementById('fader').src = "../../_images/slideshow/" + 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 = "../../_images/slideshow/" + 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 = "../../_images/slideshow/" + number + ".jpg";
	change = setTimeout("start()",speed/2);
}