var changePictureInterval = 6000; //in Millisekunden, wie lange ein Bild zu sehen ist
var fadeInterval = 60; //in Millisekunden, wie lange ein Einzelbild eines Fade Übergangs zu sehen ist
var fadeSteps = 10; //Anzahl Schritte zum vollständigen Wechsel, dauert also fadeSteps * fadeInterval Millisekunden

var bilder = new Array();
bilder[0] = "/inhalt/Home/Aegg_02.jpg";
bilder[1] = "/inhalt/Home/freu.jpg"; //dieses Bild wird als erstes angezeigt, nicht das mit bilder[0]. Hier hab ich ein bischen unsauber programmiert :-/
bilder[2] = "/inhalt/Home/Februe-Sox-11.jpg"; 
bilder[3] = "/inhalt/Home/Vados_blue.jpg";
bilder[4] = "/inhalt/Home/Vados_lila.jpg";
bilder[5] = "/inhalt/Home/HOMETrento_146-147.jpg";
bilder[6] = "/inhalt/Home/HOMEMTS_Tischsystem542x286.jpg";


/* Ab hier wird es langweilig für Dich und wehe Du änderst was! */

var cssOpacityPrefix = "opacity: ";
var cssOpacitySuffix = ";";
var cssOpacityFactor = 1;
if (checkBrowserName('MSIE')) {
	if(checkBrowserName('MSIE 5.') || checkBrowserName('MSIE 6.') || checkBrowserName('MSIE 7.')){  
		cssOpacityPrefix = "filter: alpha(opacity=";
		cssOpacitySuffix = ");";
		cssOpacityFactor = 100;
		fadeSteps = 1;
	} else {
		cssOpacityPrefix = '-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=';
		cssOpacitySuffix = ')";';
		cssOpacityFactor = 100;
	}
}


function rotatePictures (container) {
	bilder[bilder.length] = bilder[0];
	ChangePic(container, bilder, 0);
}

function ChangePic(container, bilder, index) {
	if (index >= bilder.length-1) {
		index = 0;
	}
	Fade(container, bilder[index+1], bilder[index], 0);
	setTimeout("ChangePic('" + container + "', bilder, " + (index+1) + ")", changePictureInterval);
}
	
function Fade(container, newImage, oldImage, opacity) {
	background = '<div style="position:absolute; left: 0px; top: 0px;"><img src="' + oldImage + '"  style="' + cssOpacityPrefix + ((1-opacity) * cssOpacityFactor) + cssOpacitySuffix + '" /></div>';
	foreground = '<div style="position:absolute; left: 0px; top: 0px;"><img src="' + newImage + '"  style="' + cssOpacityPrefix + (opacity * cssOpacityFactor) + cssOpacitySuffix + '" /></div>'

	if (opacity < 0.95) {
		document.getElementById(container).innerHTML = background + foreground;
		setTimeout("Fade('" + container + "', '" + newImage + "', '" + oldImage + "', " + (opacity + (1 / fadeSteps)) + ")", fadeInterval);
	} else {
		container.innerHTML = foreground;
	}
}

/* User Agent (Browserkennung) auf einen bestimmten Browsertyp prüfen */  
function checkBrowserName(name){  
	var agent = navigator.userAgent.toLowerCase();  
	if (agent.indexOf(name.toLowerCase()) > -1) {  
		return true;  
	}  
	return false;  
}