var zaehler = 0;		//Zaehler (Hier kann festgelegt werden, bei welchem Bild gestartet werden soll [Standard = 0])
var time = 4500;		//Wie lange soll ein Bild angezeigt werden (Angabe in Millisekunden [1sek. = 1000 msek. | Standard = 4500])
var steppic = 2;		//Wie viele uebergangsbilder (Frames) sollen fuer den uebergang benutzt werden [Standard = 2]
var steppause = 100;	//Wie lange soll ein Frame des uebergans zu sehen sein (Angabe in Millisekunden [1sek. = 1000 msek. | Standard = 100])
var unipo = 0;			//Tempvariable damit das erste Bild nicht so lange angezeigt wird [Zum aktivieren=0; deaktivieren=1]
var unipo2 = 800;		//Anzeigedauer fuer das erste Bild (Angabe in Millisekunden [1sek. = 1000 msek. | Standard = 800])
var time2;

//Funktion um die Bilder einzufuegen
function fader() {
	document.getElementById("pic1").src = pics[zaehler];
	document.getElementById("link").href = link[zaehler];
	document.getElementById("pic2").style.opacity = 0;
	document.getElementById("pic2").style.filter = "alpha(opacity=0)";
	if (zaehler == pics.length-1) {
		zaehler = -1;
	}
	document.getElementById("pic2").src = pics[++zaehler];
		//Damit das erste Bild nicht so lange angezeigt wird
		if (unipo == 0) {
			time2 = unipo2;
			unipo++;
		} else {
			time2 = time;
		}
	window.setTimeout("fade()", time2);
}

//Funktion fuer den uebergang der Bilder
function fade(step) {
	var imgs = document.getElementById("fader").getElementsByTagName("img");
	step = step || 0;
	imgs[1].style.opacity = step/100;
	imgs[1].style.filter = "alpha(opacity=" + step + ")";
	step = step + steppic;
	if (step < steppause) {
		window.setTimeout(function () { fade(step); }, 1);
	}
	else {fader();}
}
