// JavaScript Document

/*

Fade von zwei Bildergalerien wechsel der Bilder immer abwechselnd.
Bilder eines Ordneres werden nacheinander abgespielt. 
Galerie 2 zeigt immer die Bilder mit der Nummer um 1/2 der gesamten Bilder anzahl

Reihenfolge und Bilder Dateinamen können über ein Array ausgewählt werden.

*/
function init(auswahl) {
	switch(auswahl) {
		case "zuhause":
				bildNr = new Array("02","03","04","05","07","08","17","29","35");
				break;
		case "gemeinschaft":
				bildNr = new Array("09","10","12","17","18","20","21","22","23","26","28","30");
				break;
		case "werkstatt":
				bildNr = new Array("08","04","29","34","36","38");
				break;
		case "theater":
				bildNr = new Array("19","25","32","33","39","42","43","44","45","46","47");
				break;
		case "klinik":
				bildNr = new Array("05","17","20","21","23","24","27","31","34","35", "36","37", "38");
				break;
		case "produkte":
				bildNr = new Array("09","30","12","13","14","15","17","18","19","20","21","22","23","26","28","04","08","29","34","36","38","39","10");
				break;
		default:
				bildNr = new Array("09","38","12","17","18","20","21","22","23","26","28","30","04","08","29","34","36","39","10");
				break;
	}
	titleTxt = new Array("", "", "Verwaltungsgebäude", "Winter 1989", "Aufbau der Blockhaussiedlung 1981-83", "Familiengerecht", "Sommer 1989", "Grundstück Verwalterhaus 1984", "Wasserleitungen 1982", "Franziska", "Aila", "Dalia", "Melchiorsgrund Tal", "Speiseterrasse - Biomarktplatz 2007", "Speisen und Getränke für die Gäste - Biomarktplatz 2007", "Speiseterrasse - Biomarktplatz 2007", "Luftaufnahme", "Luftaufnahme", "Rohmilchkäsetheke - Biomarktplatz 2007", "Unterhaltungsprogramm der Theaterwerkstatt - Biomarktplatz 2007", "Auf der Weide", "Kuhstall", "Heuernte", "Sommer 2007", "Blockholzhaus", "Shakespeare\'s Der Sturm", "Abenteuerlicher Bauernhof", "Verwaltungsraum", "Ziegen", "Renovierung der Glasterrasse - Teestube", "Der Laden", "Veranstaltung im Verwaltungsraum", "Theaterwerkstatt", "Theaterwerkstatt", "Verwaltungsgebäude", "Teestube", "Ehemalige Schule", "tegut... Brunch 2007", "Hofgut 18. Jh.", "Shakespeare\'s Der Sturm", "Melchiorsgrund Tal", "Das Pferd \"Hollywood\"","Die Gute Zeit - Jugendzentrum Fellbachaus", "Die Gute Zeit am Hotel Solid", "Die Gute Zeit - Proben", "Die Gute Zeit - Suhareka", "Kosovarische Jugendliche", "Die Gute Zeit - Schlussszene");
	
	path = "bilder/Bild_";			// Pfad mit gemeinsamen Namensteil
	/* Bilder Preload */
	galerie = new Array();
	for(var i=0; i<bildNr.length; i++) {
		galerie[i] = new Image();
		galerie[i].src = path + bildNr[i] + ".jpg";
	}
		
	
	countmax = galerie.length-1; 	// Anzahl der im Array befindlichen Bilder
	counter = 0;						// Zähler für Galerie 1
	counter2 = Math.round(countmax/2);		// Zähler für Galerie 2
	dauer = 8000;						// Wartezeit bis zum nächsten Wechsel (ms)
	galerieSwitch = true;
	dir = true;						// Richtung des Fade (false = ausbelenden / true = einblenden)
	
	next();
}



function fade(step) { // Bilder ein und Ausblenden
	var img2 = document.getElementById("pic2");  // Referenz auf das vorneliegende Bild von Galerie 1
	var img4 = document.getElementById("pic4");	// Referenz auf das vorneliegende Bild von Galerie 2
	step = step || 0;
	stepdown = 100-step;
	 
	if (dir) {  // Einblenden
		if (galerieSwitch) {	// Galerie 1
			img2.style.opacity = step/100;
			img2.style.filter = "alpha(opacity=" + step + ")"; 
		}
		else {	// Galerie 2
			img4.style.opacity = step/100;
			img4.style.filter = "alpha(opacity=" + step + ")"; 
		}
	}
	else { // Ausblenden
		if (galerieSwitch) {	// Galerie 1
			img2.style.opacity = stepdown/100;
			img2.style.filter = "alpha(opacity=" + stepdown + ")";
		}
		else {	// Galerie 2
			img4.style.opacity = stepdown/100;
			img4.style.filter = "alpha(opacity=" + stepdown + ")";
		}
	}
	
	step = step + 2;

	if (step <= 100) {
		 window.setTimeout(function () { fade(step); }, 1);
	} else {
		/* Umschaltlogic für den Bilderwechsel*/
		if (!dir && !galerieSwitch) {
			dir = true;
			}
		else if (dir && !galerieSwitch) {
			dir = false;
		}
		galerieSwitch = changeBool (galerieSwitch);
		
		window.setTimeout(next, dauer); // Wartezeit bis zum nächsten Wechsel
	}
}

function next() {   // Bilderaustausch
	// Bildreferenzen
	var img1 = document.getElementById("pic1");
	var img2 = document.getElementById("pic2");
	var img3 = document.getElementById("pic3");
	var img4 = document.getElementById("pic4");
	// Unterschrift refferenzen
	var bildus1 = document.getElementById("bildus1").firstChild;
	var bildus2 = document.getElementById("bildus2").firstChild;
	if (galerieSwitch) {
		counter++;
		if (counter>countmax) {
			counter=0;
		}
		// Bilder austuasch Galerie 1
		if (dir) {
			img2.setAttribute("src", galerie[counter].src );
		}
		else {
			img1.setAttribute("src", galerie[counter].src );
		}
		img2.setAttribute("title", titleTxt[(bildNr[counter]*1)] );
		bildus1.nodeValue = titleTxt[(bildNr[counter]*1)];
	}
	else {
		counter2++;
		if (counter2>countmax) {
			counter2=0;
		}
		// Bilder austuasch Galerie 2
		if (dir) {
			img4.setAttribute("src", galerie[counter2].src );
		}
		else {
			img3.setAttribute("src", galerie[counter2].src );
		}
		img4.setAttribute("title", titleTxt[(bildNr[counter2]*1)] );
		bildus2.nodeValue = titleTxt[(bildNr[counter2]*1)];
	}
	fade();
}

function changeBool(wert){
	if (wert) {
		return false;
	}
	else {
		return true
	}
}