/*****
Image Cross Fade Redux
Version 1.0
Last revision: 02.15.2006
steve@slayeroffice.com

Please leave this notice intact. 

Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html

modifiziert von Franziska Maelzer: http://die.netzspielwiese.de/blog/javascript-dom/2006-06/dom-scripting-slideshow
*****/

window.addEventListener?window.addEventListener("load",so_init2,false):window.attachEvent("onload",so_init2);

var d2=document, bilder2 = new Array(), zInterval2 = null, aktuell2=0, pause2=false; bilderAnzahl2=5; bilderPfad2="http://www.afz-rostock.de/wContent/wLayout/design/img/image2-"; geschwindigkeit2=4000;

function so_init2() {
	if(!d2.getElementById || !d2.createElement)return;	
	
	// erstes Bild wird eingelesen
	bild2 = d2.getElementById("slideshow2").getElementsByTagName("img");
	bilder2[0] = bild2[0];
	bilder2[0].style.display = "block";
	bilder2[0].xOpacity = .99;

  bilder2[1] = document.createElement("img");
	bilder2[1].src = bilderPfad2 + "002.jpg";
	bilder2[1].xOpacity = 0;
	d2.getElementById("slideshow2").appendChild(bilder2[1]);
	
	setTimeout(so_xfade2,geschwindigkeit2);
	neuesBild2();
}

function so_xfade2() {
	cOpacity2 = bilder2[aktuell2].xOpacity;
	nIndex2 = bilder2[aktuell2+1]?aktuell2+1:0;
	nOpacity2 = bilder2[nIndex2].xOpacity;
	
	cOpacity2-=.05; 
	nOpacity2+=.05;
	
	bilder2[nIndex2].style.display = "block";
	bilder2[aktuell2].xOpacity = cOpacity2;
	bilder2[nIndex2].xOpacity = nOpacity2;
	
	setOpacity(bilder2[aktuell2]); 
	setOpacity(bilder2[nIndex2]);
	
	if(cOpacity2<=0) {
		bilder2[aktuell2].style.display = "none";
		aktuell2 = nIndex2;
		setTimeout(so_xfade2,geschwindigkeit2);
		neuesBild2();
	} else {
		setTimeout(so_xfade2,50);
	}
	
	function setOpacity(obj) {
		if(obj.xOpacity>.99) {
			obj.xOpacity = .99;
			return;
		}
		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
		obj.style.KHTMLOpacity = obj.xOpacity;
	}	
}

function neuesBild2() {
	// immer ein Bild vorausladen
	if ( (aktuell2 < (bilderAnzahl2-2)) && (bilder2.length < bilderAnzahl2) ) {
		bilder2[aktuell2+2] = document.createElement("img");
		bilder2[aktuell2+2].src =  bilderPfad2 + "0" + ((aktuell2+3)<10 ? "0" + (aktuell2+3) : (aktuell2+3)) + ".jpg"
		bilder2[aktuell2+2].xOpacity = 0;
		d2.getElementById("slideshow2").appendChild(bilder2[aktuell2+2]);
	}
}
