ÿþwindow.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init);



var d=document, bilder = new Array(), zInterval = null, aktuell=0, pause=false; bilderAnzahl=24; bilderPfad="http://www.voice-and-voice.de/slideshow/pic"; geschwindigkeit=3000;



function so_init() {

	if(!d.getElementById || !d.createElement)return;	

	

	// erstes Bild wird eingelesen

	bild = d.getElementById("slideshow").getElementsByTagName("img");

	bilder[0] = bild[0];

	bilder[0].style.display = "block";

	bilder[0].xOpacity = .99;



	bilder[1] = new Image();

	bilder[1].src = bilderPfad + "002.jpg";

	bilder[1].xOpacity = 0;

	d.getElementById("slideshow").appendChild(bilder[1]);

	

	setTimeout(so_xfade,geschwindigkeit);

	neuesBild();

}



function so_xfade() {

	cOpacity = bilder[aktuell].xOpacity;

	nIndex = bilder[aktuell+1]?aktuell+1:0;

	nOpacity = bilder[nIndex].xOpacity;

	

	cOpacity-=.05; 

	nOpacity+=.05;

	

	bilder[nIndex].style.display = "block";

	bilder[aktuell].xOpacity = cOpacity;

	bilder[nIndex].xOpacity = nOpacity;

	

	setOpacity(bilder[aktuell]); 

	setOpacity(bilder[nIndex]);

	

	if(cOpacity<=0) {

		bilder[aktuell].style.display = "none";

		aktuell = nIndex;

		setTimeout(so_xfade,geschwindigkeit);

		neuesBild();

	} else {

		setTimeout(so_xfade,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) + ")";

	}	

}



function neuesBild() {

	// immer ein Bild vorausladen

	if ( (aktuell < (bilderAnzahl-2)) && (bilder.length < bilderAnzahl) ) {

		bilder[aktuell+2] = new Image();

		bilder[aktuell+2].src =  bilderPfad + "0" + ((aktuell+3)<10 ? "0" + (aktuell+3) : (aktuell+3)) + ".jpg"

		bilder[aktuell+2].xOpacity = 0;

		d.getElementById("slideshow").appendChild(bilder[aktuell+2]);

	}

}