/*****
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_init1,false):window.attachEvent("onload",so_init1);

var d1=document, bilder1 = new Array(), zInterval1 = null, aktuell1=0, pause1=false; bilderAnzahl1=5; bilderPfad1="http://www.afz-rostock.de/wContent/wLayout/design/img/image1-"; geschwindigkeit1=7000;

function so_init1() {
	if(!d1.getElementById || !d1.createElement)return;	
	
	// erstes Bild wird eingelesen
	bild1 = d1.getElementById("slideshow1").getElementsByTagName("img");
	bilder1[0] = bild1[0];
	bilder1[0].style.display = "block";
	bilder1[0].xOpacity = .99;

  bilder1[1] = document.createElement("img");
	bilder1[1].src = bilderPfad1 + "002.jpg";
	bilder1[1].xOpacity = 0;
	d1.getElementById("slideshow1").appendChild(bilder1[1]);
	
	setTimeout(so_xfade1,geschwindigkeit1);
	neuesBild1();
}

function so_xfade1() {
	cOpacity1 = bilder1[aktuell1].xOpacity;
	nIndex1 = bilder1[aktuell1+1]?aktuell1+1:0;
	nOpacity1 = bilder1[nIndex1].xOpacity;
	
	cOpacity1-=.05; 
	nOpacity1+=.05;
	
	bilder1[nIndex1].style.display = "block";
	bilder1[aktuell1].xOpacity = cOpacity1;
	bilder1[nIndex1].xOpacity = nOpacity1;
	
	setOpacity(bilder1[aktuell1]); 
	setOpacity(bilder1[nIndex1]);
	
	if(cOpacity1<=0) {
		bilder1[aktuell1].style.display = "none";
		aktuell1 = nIndex1;
		setTimeout(so_xfade1,geschwindigkeit1);
		neuesBild1();
	} else {
		setTimeout(so_xfade1,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 neuesBild1() {
	// immer ein Bild vorausladen
	if ( (aktuell1 < (bilderAnzahl1-2)) && (bilder1.length < bilderAnzahl1) ) {
		bilder1[aktuell1+2] = document.createElement("img");
		bilder1[aktuell1+2].src =  bilderPfad1 + "0" + ((aktuell1+3)<10 ? "0" + (aktuell1+3) : (aktuell1+3)) + ".jpg"
		bilder1[aktuell1+2].xOpacity = 0;
		d1.getElementById("slideshow1").appendChild(bilder1[aktuell1+2]);
	}
}
