// Quellcode im HTML. Es sollten die letzzten beiden Bilder angezeigt werden. Die Position muss absolut sein.
// <IMG SRC="img5.gif" ID="pic1" STYLE="filter:alpha(opacity=100); opacity: 1; z-index:2; position:absolute; top:0px; left:20px";>
// <IMG SRC="img4.gif" ID="pic2" STYLE="filter:alpha(opacity=100); opacity: 1; z-index:1; position:absolute; top:0px; left:20px";>

var bilder=9 				// Anzahl der Bilder im Durchlauf. Bildnummer in Dateiname muss mit 1 beginnen (img1.jpg).
var dateiend = ".gif"		// Name der Dateierweiterung
var swarte=4000				// Wartezeit zwischen Bildwechsel
var fadespeedie = 1			// Wechselgeschwindigkeit Internetexplorer
var fadespeednie = 2		// Wechselgeschwindigkeit Mozillavarianten

var n=1;
var abbild=0
var warte=4000
var fadespeed=1

function wechsel1()
{
	if (navigator.appName == "Microsoft Internet Explorer")
	{
		document.getElementById('pic1').filters.alpha.opacity = n;
		document.getElementById('pic2').filters.alpha.opacity = 100-n;
		fadespeed=fadespeedie;
	}
	else
	{
		document.getElementById('pic1').style.opacity = n/100;
		document.getElementById('pic2').style.opacity = 1-(n/100);
		fadespeed=fadespeednie;
	}
	if (n/100<1)
	{
		n=n+fadespeed;
	}
	else
	{
		n=0;
		warte=swarte;
		abbild++;
		document.getElementById('pic2').src = "img"+(abbild)+(dateiend);
		if (abbild>=bilder)
		{
			abbild=0;
		}
		document.getElementById('pic1').style.zIndex=1;
		document.getElementById('pic2').style.zIndex=2;
		setTimeout("wechsel2()",warte);
		return;
	}
	setTimeout("wechsel1()",warte);
	warte=10;
}

function wechsel2()
{
	if (navigator.appName == "Microsoft Internet Explorer")
	{
		document.getElementById('pic2').filters.alpha.opacity = n;
		document.getElementById('pic1').filters.alpha.opacity = 100-n;
		fadespeed=fadespeedie;
	}
	else
	{
		document.getElementById('pic2').style.opacity = n/100;
		document.getElementById('pic1').style.opacity = 1-(n/100);
		fadespeed=fadespeednie;
	}
	if (n/100<1) 
	{
		n=n+fadespeed;
	}
	else
	{
		n=0;
		warte=swarte;
		abbild++;
		document.getElementById('pic1').src = "img"+(abbild)+(dateiend);
		if (abbild>=bilder)
			{
			abbild=0;
		}
		document.getElementById('pic2').style.zIndex=1;
		document.getElementById('pic1').style.zIndex=2;
		setTimeout("wechsel1()",warte);
		return;
	}
	setTimeout("wechsel2()",warte);
	warte=10;
}