var secsImageShown		= 6;	// Hier die Dauer des Bildes eintragen (in Sekunden)
var secsOfTransition	= 1;	// Hier die Dauer des Ueberganges eintragen (in Sekunden)
var transitionStepsPerS	= 25;	// Hier die Anzahl der Schritte pro Sekunde des Ueberganges eintragen
var secsTitleShown		= 2;	// Hier die Dauer des Bildtitels eintragen (in Sekunden)
var secsOfFade			= 0.7;	// Hier die Dauer der Einblendung des Bildtitels eintragen (in Sekunden)
var fadeStepsPerS		= 25;	// Hier die Anzahl der Schritte pro Sekunde der Einblendung eintragen
var imagesDirectory		= "images/slideshow/"								// Bilderordner relativ zu index.php

var slideshowImageNames = new Array (	"001Home_Bildergalerie.jpg",		// Bilder (muessen im Ordner "images" liegen)
										"002Home_Bildergalerie.jpg",
										"003Home_Bildergalerie.jpg",
										"004Home_Bildergalerie.jpg",
										"005Home_Bildergalerie.jpg",
										"006Home_Bildergalerie.jpg",
										"007Home_Bildergalerie.jpg",
										"008Home_Bildergalerie.jpg",
										"009Home_Bildergalerie.jpg",
										"010Home_Bildergalerie.jpg",
										"011Home_Bildergalerie.jpg",
										"012Home_Bildergalerie.jpg",
										"013Home_Bildergalerie.jpg",
										"014Home_Bildergalerie.jpg",
										"015Home_Bildergalerie.jpg");

	/*******************************************Bildunterschriften*******************************************/
	/*																										*/
	/*		Falls die Unterschriften geaendert werden sollen, einfach den jeweiligen Text editieren			*/
	/*																										*/
	/********************************************************************************************************/
	
var slideshowTitles 	= new Array (	"TV-Promotionstory in New York",
										"Drehaufnahmen vor Skyline NYC",	
										"Sportfreunde Stiller in Brooklyn",
										"Konzert-Dokumentation",
										"Philharmonics Allerheiligen Hofkirche",
										"Industriefilm Druckmaschinen",
										"Produktionsprozesse",
										"Set Werbespot",
										"Steadicam",
										"Werbespot ERDINGER Alkoholfrei",
										"Studioaufnahmen Green-Box",
										"TV-Presenting Schwimmen",
										"Drehaufnahmen",
										"Making-of Werbespot",
										"Making-of TV-Presenting");

var slideshowImages = new Array ();											// Bilder werden vorgeladen, damit es bei der Ueerblendung zu keiner Verzoegerung kommt
for (var i in slideshowImageNames)
{
	var newImage = new Image ();
	newImage.src = imagesDirectory + slideshowImageNames[i];
	slideshowImages.push (newImage);
}

var slideshowInterval = window.setInterval ("changeSlideshowImage ()", (secsOfTransition + secsImageShown) * 1000);
var titleFadeInTimeout = window.setTimeout ("fadeInSlideshowTitle (0)", (secsOfTransition + secsImageShown - secsTitleShown - 2 * secsOfFade) * 1000);

function changeSlideshowImage ()		// ermittelt die naechste Bildnummer beim automatischen Durchlauf
{
	for (i = 0; i < slideshowImageNames.length; i++)
		if (document.slideshowImage.src.substr (document.slideshowImage.src.length - slideshowImageNames[i].length) == slideshowImageNames[i])	
			break;
	changeSlideshowImageWithIndex (i + 1);
}

function changeSlideshowImageWithIndex (index)
{
	newSlideshowImageIndex = index % slideshowImageNames.length;
	
	if (typeof (tempImage) != "undefined")		// falls gerade eine Ueberblendung stattfindet wird diese abgebrochen
		stopTransition ();
	if (typeof (titleFadeInTimeout) != "undefined")
		window.clearTimeout (titleFadeInTimeout);
	if (typeof (titleFadeOutTimeout) != "undefined")
		window.clearTimeout (titleFadeOutTimeout);
	if (document.getElementById ("slideshowTitle").style.opacity != 0)		// falls ein Titel angezeigt wird, wird dieser ausgeblendet
		fadeOutSlideshowTitle (document.getElementById ("slideshowTitle").style.opacity);
	
	tempImage = new Image ();
	tempImage.style.position = "absolute";
	tempImage.style.opacity = "1";
	tempImage.style.filter = "alpha(opacity=100)";
	tempImage.src = document.slideshowImage.src;
	document.getElementById ("slideshowBox").insertBefore (tempImage, document.slideshowImage);
	document.slideshowImage.src = slideshowImages[newSlideshowImageIndex].src;
	
	slideshowTransition (1);		// startet die Ueberblendung
}

function stopTransition ()		// bricht aktuelle Ueberblendung ab und raeumt danach auf
{
	window.clearInterval (slideshowInterval);
	if (typeof (transitionTimeout) != "undefined")
		window.clearTimeout (transitionTimeout);
	document.getElementById ("slideshowBox").removeChild (tempImage);
	delete tempImage;
	slideshowInterval = window.setInterval ("changeSlideshowImage ()", (secsImageShown) * 1000);
}

function slideshowTransition (currentOpacity)		// rekursive Ueberblendung
{
	var step = 1 / (secsOfTransition * transitionStepsPerS);
	if ((currentOpacity - step) >= 0)
	{
		if (currentOpacity <= (0.5 + step) && currentOpacity >= (0.5 - step))		// wenn die Bilder jeweils zur Hälfte sichtbar sind, erfolgt der Wechsel des Streifen-Buttons
		{
			for (var i in document.getElementsByTagName ('li'))		// setzt die Navigation zurück
				if (document.getElementsByTagName ('li')[i].className == "activeSlideshowButton")
					document.getElementsByTagName ('li')[i].className = "";
			
			var newButtonNumber = newSlideshowImageIndex + 1		// setzt den Kasten des aktiven Bildes orange
			if (newButtonNumber < 10)
				var newButtonNumber = "0" + newButtonNumber;
			document.getElementById ("button" + newButtonNumber).className = "activeSlideshowButton";
		}
		tempImage.style.opacity -= step;
		tempImage.style.filter = "alpha(opacity=" + ((currentOpacity - step) * 100) + ")";
		transitionTimeout = window.setTimeout ("slideshowTransition (" + (currentOpacity - step) + ");", (1000 / transitionStepsPerS));
	}	else
	{
		delete transitionTimeout;
		stopTransition ();
		document.getElementById ("slideshowTitle").innerHTML = slideshowTitles[newSlideshowImageIndex];
		titleFadeInTimeout = window.setTimeout ("fadeInSlideshowTitle (0);", (secsImageShown - secsTitleShown - 2 * secsOfFade) *1000);
	}
}

function fadeInSlideshowTitle (currentOpacity)		// rekursives Fade-In des Titels
{
	if (typeof (titleFadeOutTimeout) != "undefined")
		window.clearTimeout (titleFadeOutTimeout);
	var step = 1 / (secsOfFade * fadeStepsPerS);
	if ((currentOpacity + step) <= 1)
	{
		document.getElementById ("slideshowTitle").style.opacity = currentOpacity + step;
		document.getElementById ("slideshowTitle").style.filter = "alpha(opacity=" + ((currentOpacity + step) * 80) + ")";
		titleFadeInTimeout = window.setTimeout ("fadeInSlideshowTitle (" + (currentOpacity + step) + ");", (1000 / fadeStepsPerS));
	}	else
	{
		delete titleFadeInTimeout;
		document.getElementById ("slideshowTitle").style.opacity = 1;
		titleFadeOutTimeout = window.setTimeout ("fadeOutSlideshowTitle (" + (currentOpacity - step) + ");", (secsTitleShown * 1000));
	}
}

function fadeOutSlideshowTitle (currentOpacity)		// rekursives Fade-Out des Titels
{
	if (typeof (titleFadeInTimeout) != "undefined")
		window.clearTimeout (titleFadeInTimeout);
	var step = 1 / (secsOfFade * fadeStepsPerS);
	if (currentOpacity >= 0)
	{
		document.getElementById ("slideshowTitle").style.opacity = currentOpacity - step;
		document.getElementById ("slideshowTitle").style.filter = "alpha(opacity=" + ((currentOpacity - step) * 80) + ")";
		titleFadeOutTimeout = window.setTimeout ("fadeOutSlideshowTitle (" + (currentOpacity - step) + ");", (1000 / fadeStepsPerS));
	}	else
	{
		delete titleFadeOutTimeout;
		document.getElementById ("slideshowTitle").style.opacity = 0;
	}
}