var i = 1;
var bildnamen = new Array ();
var bildobjekte = new Array ();

var DO_NOT_SHOW_VIDEO = true;

bildnamen[0] = "/templates/breder2016/hintergrund/nacht/001.jpg"; 
bildnamen[1] = "/templates/breder2016/hintergrund/nacht/002.jpg"; 
bildnamen[2] = "/templates/breder2016/hintergrund/nacht/003.jpg"; 
bildnamen[3] = "/templates/breder2016/hintergrund/nacht/004.jpg"; 
bildnamen[4] = "/templates/breder2016/hintergrund/nacht/005.jpg"; 

// Zeitwerte in Millisekunden, die wahre Sichtbarkeit ergibt sich aus SHOWTIME + (3 * DURATION)
var DURATION  = 1000;	// Fading-Dauer
var SHOWTIME  = 4000;	// Zeit der zusätzlichen Sichtbarkeit
var STEPWIDTH = 0.01;	// Rechenschrittweite

/* VARIABLES */
var element;
var NOSHOW = -1;

// die benannten Grafikdateien einem javascript-Objekt zuweisen und damit 'heimlich' vom Server holen

for (j=0; j < bildnamen.length; j++)
{
	bildobjekte[j] = new Image ();
	bildobjekte[j].src = bildnamen[j];
}

// wenn zu wenig Bilder vorhanden sind
if (bildnamen.length < 2)
	i = NOSHOW;

// oder die Seite von einem Mobil-Gerät mit vermutet lausiger Verbindung aufgerufen wird
if ((/iPhone|iPod|iPad|Android|BlackBerry|webOS|playbook|silk/).test(navigator.userAgent))
	i = NOSHOW;


// Funktion zum zeitgesteuerten Austausch der Tagesphasen-bezogenen Hintergrundbilder


function changeBackground ()
{
	if (i == NOSHOW)
	{
		return;
	}
	else if (i < bildnamen.length)
	{
		window.setTimeout("setHg1AndFadeOutHg2()", DURATION * 2);
	}
	else
	{
		i = 0;
		changeBackground ();
	}
}


function setHg1AndFadeOutHg2 ()
{
	// zuerst das hintere Bild hg1 zuweisen
	element = document.getElementById('hg1');
	element.src = bildnamen[i];

	// und dann das vordere Bild hg2 ausblenden
	element = document.getElementById('hg2');
	fadeOut();

	// evtl. Überlauf verhindern
	i++;
	if (i == bildnamen.length)
		i = 0;

	window.setTimeout("setHg2AndFadeInHg2()", SHOWTIME + (DURATION * 2));
}


function setHg2AndFadeInHg2 ()
{
	// dann das vordere Bild hg2 zuweisen und einblenden
	element = document.getElementById('hg2');
	element.src = bildnamen[i];
	fadeIn();
	i++;
	window.setTimeout("changeBackground()", SHOWTIME);
}



function setOpacity(Opa)
{
	// set opacity properties for several browsers
	element.style.opacity = Opa;
	element.style.MozOpacity = Opa;
	element.style.KhtmlOpacity = Opa;
	element.style.filter = 'alpha(opacity=' + (Opa * 100) + ');';
}


function fadeOut()
{
	for (j = 0; j <= 1; j += STEPWIDTH)
	{
		setTimeout('setOpacity(' + (1 - j) +')', j * DURATION);
	}
}


function fadeIn()
{
	for (j = 0; j <= 1; j += STEPWIDTH)
	{
		setTimeout('setOpacity(' + j +')', j * DURATION);
	}
}