function fader(opacity, mode, img)

{

	var images = new Array();

	

	images[0] = "fileadmin/images/fader1.jpg";								// Bilder fuer den Fader in entsprechender Reihenfolge

	images[1] = "fileadmin/images/fader2.jpg";

	images[2] = "fileadmin/images/fader3.jpg";

	images[3] = "fileadmin/images/fader4.jpg";
	

	var maxImg = images.length;

	var steps = 3;

	var speedFadeIn = 20;

	var speedFadeOut = 20;

	var pauseToFadeOut = 7000;

	var pauseToFadeIn = 1;

	

	div = document.getElementById("slider");

	

	if(opacity == 1000)

	{

		div.style.backgroundImage = "url("+images[img]+")";					// Beim ersten Aufruf ein Bild darstellen

		opacity = 100;

	}

	

	if(opacity <= 100 && mode == "up")

	{	

		if(navigator.appName == 'Microsoft Internet Explorer')				// Transparenz Browserkompatibel aendern

		{

			opacityIE(div, opacity);

		}

		else

		{

			opacityOther(div, opacity);

		}

		

		opacity += steps;

		if(opacity > 100)

		{

			setTimeout(function(){fader(opacity, "down", img);}, pauseToFadeOut);

		}

		else

		{

			setTimeout(function(){fader(opacity, "up", img);}, speedFadeIn);

		}

	}

	

	if(opacity >= 0 && mode == "down")

	{	

		if(navigator.appName == 'Microsoft Internet Explorer')

		{

			opacityIE(div, opacity);

		}

		else

		{

			opacityOther(div, opacity);

		}

		

		opacity -= steps;

		if(opacity <= 0)

		{

			img += 1;

			if(img == maxImg)												// Ist das letzte Bild erreicht, wieder von Vorne anfangen

			{

				img = 0;

			}

			

			div.style.backgroundImage = "url("+images[img]+")";

			

			setTimeout(function(){fader(opacity, "up", img);}, pauseToFadeIn);

		}

		else

		{

			setTimeout(function(){fader(opacity, "down", img);}, speedFadeOut);

		}

	}

}



function opacityOther(element, value)

{

	// Funktioniert in Firefox, Chrome, Opera, Safari

	

	element.style.opacity = value / 100;

}



function opacityIE(element, value)

{

	// Funktioniert in Internet Explorer, Opera

	

	element.style.filter = "alpha(opacity:"+value+")";

}



fader(1000, "up", 0);