/***** Friedel's JavaScript für www.24fotografen.de *****/

/*
onerror = Fehler_unterdruecken;
function Fehler_unterdruecken() {
	return true;
}
*/


// Text- und Bildwechsel-Variable für Innenteil setzen
var status = "aus";

// extra-Variable für Bilder mit weißem Rand (wird bei Bedarf in _kopf.php auf "2" gesetzt)
var rand_extra = 0;




/***** Bild- und Textmaße anpassen *****/
function anpassen() {
	/***** Startseite *****/
	if (document.getElementById("textrahmen_start")) {
		var breite = document.getElementById("portrait_alle").offsetWidth;
		var zusatz = 30;
		var position = breite+zusatz;
		document.getElementById("textrahmen_start").style.left = position+"px";
		document.getElementById("textrahmen_start").style.display = "block";
	}
	
	/***** Innenteil *****/
	if (document.getElementById("bilderrahmen")) {
		// Maß nehmen
		var urmass = document.getElementById("rahmen").offsetHeight;
		var rand_oben = 46;
		var rand_unten = 51;
		if (ausnahme == "ja") { // Ausnahme für Daniel Harders: Bild braucht mehr Abstand oben und unten!
			rand_oben += 18;
			rand_unten += 18;
		}
		var mass = urmass-rand_oben-rand_unten-rand_extra;
		var breite = mass*1.05;
		// rand_extra für Bilder mit weißem Rand abziehen
		var bildmass = mass-rand_extra;
		var bildbreite = breite-rand_extra;
		// Proportionen rausfinden
		var testbild = new Image(); // Krückenlösung, weil Opera und IE nicht direkt die Maße aus dem Bild auslesen können!
		testbild.src = document.images["bild"].src;
		while (testbild.height == 0) {
			// Leerschleife: abwarten, bis der Wert gefunden ist. Nur wegen Opera!
			// alert("I bin zu damisch die Bildhöhe zu findn!"); // für Opera
		}
		// alert("jetzat hob i’s"); // für Opera
		var aspect_ratio = testbild.height/testbild.width;
		if (mass > 0) { // zur Fehlervermeidung bei Minus-Wert!
			// Maße Bilderrahmen festlegen
			document.getElementById("bilderrahmen").style.top = rand_oben+"px";
			document.getElementById("bilderrahmen").style.height = mass+"px";
			document.getElementById("bilderrahmen").style.width = breite+"px";
			// Bildmaße festlegen, je nach Hoch- oder Querformat
			if (aspect_ratio > 1.1) {
				// alert("Hochformat");
				document.images["bild"].style.height = bildmass+"px";
				document.images["bild"].style.width = bildmass/aspect_ratio+"px"; // nur wegen Opera!
			}
			else if (aspect_ratio < 0.90) {
				// alert("Querformat");
				document.images["bild"].style.width = bildbreite+"px";
				document.images["bild"].style.height = bildbreite*aspect_ratio+"px"; // nur wegen Opera!
			}
			else {
				// alert("eher quadratisch");
				if (ausnahme == "ja") {
					// Ausnahme für Daniel Harders: Bildhöhe 100% festlegen!
					document.images["bild"].style.height = bildmass+"px";
					document.images["bild"].style.width = bildmass*aspect_ratio+"px"; // nur wegen Opera!
				} else {
					document.images["bild"].style.width = bildbreite*0.9+"px";
				}
			}
			document.getElementById("bilderrahmen").style.display = "block";
		}
	}
}




/***** Startseite: Portraits ein- und ausfaden *****/

// Portrait-Variable
var namen = new Array ();
namen["nico_duvinage"] = new Array (0, 0);
namen["alexander_fischbacher"] = new Array (0, 0);
namen["leander_graf"] = new Array (0, 0);
namen["daniel_harders"] = new Array (0, 0);
namen["felicitas_hollmig"] = new Array (0, 0);
namen["erik_irmer"] = new Array (0, 0);
namen["susanne_jakubzik"] = new Array (0, 0);
namen["lars_kiss"] = new Array (0, 0);
namen["nele_kollecker"] = new Array (0, 0);
namen["mara_von_kummer"] = new Array (0, 0);
namen["alexander_labrentz"] = new Array (0, 0);
namen["inga_lauenroth"] = new Array (0, 0);
namen["stephanie_leisten"] = new Array (0, 0);
namen["jessica_lennan"] = new Array (0, 0);
namen["philip_leutert"] = new Array (0, 0);
namen["philipp_maubach"] = new Array (0, 0);
namen["marina_reuscher"] = new Array (0, 0);
namen["rebecca_sampson"] = new Array (0, 0);
namen["sophie_schwarz"] = new Array (0, 0);
namen["julia_sonntag"] = new Array (0, 0);
namen["timo_stammberger"] = new Array (0, 0);
namen["judith_stenneken"] = new Array (0, 0);
namen["david_wittenburg"] = new Array (0, 0);
namen["andre_wunstorf"] = new Array (0, 0);

// Portraits ein- und ausfaden
var weristdran = "keiner";
var speed = 15; // hier wird die Anzahl der Blende-Übergänge festgelegt
var controller = (10/speed); // wird als Gegenwert gebraucht, um den Opacity-Wert zu berechnen
function einblenden(wer) {
	if (weristdran != "keiner") {
		ausblenden(weristdran);
	}
	weristdran = wer;
	clearInterval(namen[wer][1]);
	document.images[wer].style.display = "block";
	namen[wer][1] = setInterval(
		function schleife_an() {
			if (namen[wer][0] == speed) {
				clearInterval(namen[wer][1]);
			}
			else {
				namen[wer][0] += 1;
				transparenz(wer, namen[wer][0]);
			}
		}, 50);
}
function ausblenden(wer) {
	clearInterval(namen[wer][1]);
	namen[wer][1] = setInterval(
		function schleife_aus() {
			if (namen[wer][0] == 0) {
				document.images[wer].style.display = "none";
				weristdran = "keiner";
				clearInterval(namen[wer][1]);
			} 
			else {
				namen[wer][0] -= 1;
				transparenz(wer, namen[wer][0]);
			}
		}, 50);
}
function transparenz(wer, i) {
	document.images[wer].style.filter = "alpha(opacity="+i*controller*10+")";
	document.images[wer].style.opacity = i*controller/10;
}





/***** Startseite: Portraits nachladen *****/

function portraits_nachladen() {
	if (document.getElementById("textrahmen_start")) {
		for (var name in namen) {
			// alert(name);
			document.images[name].src = "bilder/portraits/"+name+".jpg";
		}
	}
}




/***** Innenseiten: Portrait klein *****/

// mouseover: Bildwechsel
function bildwechsel(wer, maus) {
	if (status == "aus") {
		if (maus == "over") {
			document.getElementById("portrait").src = "bilder/portraits_klein/"+wer+"_farbe.jpg";
		}
		if (maus == "out") {
			document.getElementById("portrait").src = "bilder/portraits_klein/"+wer+"_sw.jpg";
		}
	}
	if (status == "an") {
		if (maus == "over") {
			document.getElementById("portrait").src = "bilder/portraits_klein/"+wer+"_sw.jpg";
		}
		if (maus == "out") {
			document.getElementById("portrait").src = "bilder/portraits_klein/"+wer+"_farbe.jpg";
		}
	}
}
// onclick: Texte ein- und ausblenden
function textwechsel(wer) {
	if (status == "aus") {
		document.getElementById("info").style.display = "block";
		document.getElementById("textrahmen").style.display = "block";
		document.getElementById("titel").style.display = "none";
		document.getElementById("portrait").src = "bilder/portraits_klein/"+wer+"_farbe.jpg";
		status = "an";
		return;
	}
	if (status == "an") {
		document.getElementById("textrahmen").style.display = "none";
		document.getElementById("info").style.display = "none";
		document.getElementById("titel").style.display = "block";
		document.getElementById("portrait").src = "bilder/portraits_klein/"+wer+"_sw.jpg";
		status = "aus";
	}
}




/***** Rollover für Impressum *****/

// Rollover-Bild vorladen
function vorladen() { 
	// var args = bilderladen.arguments;
	var args = new Array(
		"impressum"
	);
	document.imageArray = new Array(args.length);
	for (var i=0; i<args.length; i++) {
		document.imageArray[i] = new Image;
		document.imageArray[i].src = ("bilder/"+args[i]+"_over.png");
	}
}
// Bildwechsel Impressum
function rollover(wer, status) { 
	document.images[wer].src = "bilder/"+wer+status+".png";
}




/***** Event-Listener setzen *****/

if (window.addEventListener) {
	window.addEventListener("load", anpassen, false);
	window.addEventListener("load", vorladen, false);
	window.addEventListener("load", portraits_nachladen, false);
	window.addEventListener("resize", anpassen, false);
} else if (window.attachEvent) { // für IE7
	window.attachEvent("onload", anpassen);
	window.attachEvent("onload", vorladen);
	window.attachEvent("onload", portraits_nachladen);
	window.attachEvent("onresize", anpassen);
}