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



/* Navigations-Rollovers vorladen */
// wird bei Mikenke erst mal nicht gebraucht!
function Bilder_vorladen() { 
	var args = new Array(
		// "gewinnspiel_button_over"
	);
	document.imageArray = new Array(args.length);
	for (var i=0; i<args.length; i++) {
		document.imageArray[i] = new Image;
		document.imageArray[i].src = ("bilder/navigation/"+args[i]+"_over.png");
	}
}



// Hintergrundbild ans Browserfenster anpassen
/* ist schon in _kopf.php angelegt:
var fenster = new Array;
var hintergrundbild_breite = 1024; // Hier die Originalmaße rein, um die Proportionen ausrechnen zu können! Schlüpfer/Strümpfe: 1024; HBC: 952
var hintergrundbild_hoehe = 768; // Schlüpfer: 683; Strümpfe: 1024; HBC: 700
var hintergrundbild;
var aspect_ratio_hintergrundbild = hintergrundbild_breite/hintergrundbild_hoehe;
var aspect_ratio_fenster;
var verschiebung;
*/

function Hintergrundbild_anpassen() {
	if (document.getElementById("hintergrundbild")) {
		hintergrundbild = document.getElementById("hintergrundbild");
		
		// Fenstermaße auslesen
		fenster = Fenstermaasse();
		
		// Proportionen berechnen
		aspect_ratio_fenster = fenster["breite"]/fenster["hoehe"];
		if (aspect_ratio_fenster >= aspect_ratio_hintergrundbild) {
			// Querformat/Quadrat
			hintergrundbild.style.width = "100%"; // = fenster["breite"]+"px";
			hintergrundbild.style.height = fenster["breite"]/aspect_ratio_hintergrundbild+"px";
			verschiebung = Math.floor((fenster["hoehe"]-hintergrundbild.offsetHeight)/2);
			hintergrundbild.style.top = verschiebung+"px";
			hintergrundbild.style.left = "0px";
		}
		else {
			// Hochformat
			hintergrundbild.style.height = "100%"; // = fenster["hoehe"]+"px";
			hintergrundbild.style.width = fenster["hoehe"]*aspect_ratio_hintergrundbild+"px";
			verschiebung = Math.floor((fenster["breite"]-hintergrundbild.offsetWidth)/2);
			hintergrundbild.style.left = verschiebung+"px";
			hintergrundbild.style.top = "0px";
		}
	}
}



/* ist schon in _kopf.php angelegt:
// Fenstermaße auslesen
function Fenstermaasse() {
	if (window.innerWidth) {
		fenster["breite"] = window.innerWidth;
		fenster["hoehe"] = window.innerHeight;
	}
	else if (document.documentElement.clientWidth) {
		fenster["breite"] = document.documentElement.clientWidth;
		fenster["hoehe"] = document.documentElement.clientHeight;
	}
	return fenster;
}
*/



// Inhalt Rahmen: Größe definieren
var scrollbalken_hoehe = "noch nicht";
function Rahmen_anpassen() {
	if (document.getElementById("inhalt_rahmen")) {
		var rahmen = document.getElementById("inhalt_rahmen");
		// Maße definieren
		rahmen.style.width = fenster["breite"]-92+"px";
		rahmen.style.height = fenster["hoehe"]-44+"px";
		
		// Spezialfall Bilderreihe quer: Höhe ohne Scrollbalken berechnen (klappt leider nur in Firefox und IE richtig)
		if (document.getElementById("bildreihe_quer")) {
			var bildreihe_quer = document.getElementById("bildreihe_quer");
			// Scrollbalkenhöhe nur beim Laden abfragen, sonst gibt’s Schweinereien!
			if (scrollbalken_hoehe == "noch nicht") {
				scrollbalken_hoehe = rahmen.offsetHeight-bildreihe_quer.offsetHeight;
				// Workaround für die Browser, die dafür zu doof sind...
				if (scrollbalken_hoehe == 0) {
					scrollbalken_hoehe = 15;
				}
			}
			bildreihe_quer.style.height = rahmen.offsetHeight-scrollbalken_hoehe-10+"px";
			// bildreihe_quer.style.height = rahmen.offsetHeight-scrollbalken_hoehe+"px";
			bildreihe_quer.style.padding = "5px 0px 0px 5px";
		}
	}
}



// Einzelbilder: Größe anpassen
var bild_ratio;
var schon_gerechnet = "nein";

function Bild_anpassen() {
	if (document.getElementById("bild")) {
		var bild = document.getElementById("bild");
		if (schon_gerechnet == "nein") {
			var bild_breite = bild.offsetWidth;
			var bild_hoehe = bild.offsetHeight;
			bild_ratio = bild_breite/bild_hoehe;
			schon_gerechnet = "ja";
		}
		// Querformate extra einpassen!
		if (bild_ratio > 1) {
			bild.style.width = "100%";
			bild.style.height = bild.offsetWidth/bild_ratio+"px";
			var rahmen = document.getElementById("inhalt_rahmen");
			bild.style.marginTop = (rahmen.offsetHeight-bild.offsetHeight)/2+"px";
		}
		bild.style.visibility = "visible";
		// Ladekreis ausblenden
		if (document.getElementById("ladekreis")) {
			document.getElementById("ladekreis").style.display = "none";
		}
		// Lookbook: Text erst nach Laden einblenden
		if (document.getElementById("lookbook_text")) {
			document.getElementById("lookbook_text").style.visibility = "visible";
		}
	}
}



// Bildreihe quer: Scrollen
var bildreihe_quer;
var scrollen_x;
var scrollfaktor_x = 1;
var scrollbeschleunigung;
var scrollbeschleunigung_intervall;
var scrollrichtung;
var scrollposition_x;
var scrollposition_x_neu;

function Bildreihe_quer_scrollen(richtung) {
	clearInterval(scrollbeschleunigung_intervall);
	clearInterval(scrollen_x);
	scrollbeschleunigung = 0;
	
	// nur Scrollen, wenn die Maus gedrückt ist!
	if (richtung != "aus") {
		bildreihe_quer = document.getElementById("inhalt_rahmen");
		// Scrollrichtung setzen
		scrollrichtung = 1;
		if (richtung == "zurueck") {
			scrollrichtung = -1;
		}
		// Scrollen starten
		scrollbeschleunigung_intervall = setInterval("scrollbeschleunigung += 2", 100);
		scrollen_x = setInterval(
			function Scrollen_x() {
				if (!bildreihe_quer.scrollLeft) { // blöder Sonderfall: Wenn scrollLeft Null ist, ist er in Safari gar nicht gesetzt
					bildreihe_quer.scrollLeft = scrollrichtung*(scrollfaktor_x+(scrollbeschleunigung));
				}
				else {
					bildreihe_quer.scrollLeft += scrollrichtung*(scrollfaktor_x+scrollbeschleunigung);
				}
				// neue Position ermitteln
				scrollposition_x_neu = Scrollposition_x_ermitteln();
				 // document.getElementById("test").innerHTML = "Faktor: "+scrollfaktor_x+" / vorher: "+scrollposition_x+" / nachher: "+scrollposition_x_neu+" / Beschleunigung: "+scrollbeschleunigung;
				// setInterval beenden, wenn es keine Veränderung mehr gibt
				if (scrollposition_x_neu == scrollposition_x) {
					// document.getElementById("test").innerHTML = "Faktor: "+scrollfaktor_x+" / vorher: "+scrollposition_x+" / nachher: "+scrollposition_x_neu+" / Fertig!";
					clearInterval(scrollbeschleunigung_intervall);
					clearInterval(scrollen_x);
				}
				// neue Position merken
				scrollposition_x = scrollposition_x_neu;
			}, 1);
	}
}
// aktuelle horizontale Scrollposition ermitteln
function Scrollposition_x_ermitteln() {
	var scrollpos_x;
	if (!bildreihe_quer.scrollLeft) { // blöder Sonderfall: Wenn scrollLeft Null ist, ist er in Safari gar nicht gesetzt
		scrollpos_x = 0;
	}
	else {
		scrollpos_x = bildreihe_quer.scrollLeft;
	}
	return scrollpos_x;
}



// Kollektionen Übersicht: Link aktivieren
function Kollektionen_Link(wer, status) {
	var kollektion_link = document.getElementById(wer);
	var kollektion_link_saison = document.getElementById(wer+"_saison");
	if (status == "an") {
		kollektion_link.style.color = "#FFFFFF";
		kollektion_link.style.backgroundImage = "url(bilder/1x1_schwarz_65.png)";
		// kollektion_link.style.backgroundColor = "#111111";
		// kollektion_link.style.backgroundImage = "none";
		// Saison-Zeile auch einfärben
		kollektion_link_saison.style.color = "#FFFFFF";
		kollektion_link_saison.style.backgroundImage = "url(bilder/1x1_schwarz_65.png)";
	}
	else {
		kollektion_link.style.color = "#111111";
		// kollektion_link.style.background = "none";
		kollektion_link.style.backgroundImage = "url(bilder/1x1_weiss_50.png)";
		// Saison-Zeile auch zurückfärben
		kollektion_link_saison.style.color = "#111111";
		// kollektion_link_saison.style.background = "none";
		kollektion_link_saison.style.backgroundImage = "url(bilder/1x1_weiss_50.png)";
	}
}



// Startseite: Sprechblase an- und ausschalten
/*
var speed = 10; // hier wird die Anzahl der Blende-Übergänge festgelegt
var controller = (10/speed); // wird als Gegenwert gebraucht, um den Opacity-Wert zu berechnen
var ausfaden = new Array(speed, 0);
*/
function Sprechblase(status) {
	var sprechblase = document.getElementById("sprechblase");
	if (status == "an") {
		/*
		clearInterval(ausfaden[1]);
		ausfaden[0] = speed;
		sprechblase.style.filter = "alpha(opacity=100)";
		sprechblase.style.opacity = 1;
		*/
		sprechblase.style.display = "block";
	}
	else {
		/*
		ausfaden[1] = setInterval(
			function schleife_aus() {
				if (ausfaden[0] == 0) {
					sprechblase.style.display = "none";
					clearInterval(ausfaden[1]);
				} 
				else {
					ausfaden[0] -= 1;
					sprechblase.style.filter = "alpha(opacity="+Math.round(ausfaden[0]*controller*10)+")";
					sprechblase.style.opacity = ausfaden[0]*controller/10;
				}
			}, 50);
		*/
		sprechblase.style.display = "none";
	}
}



// Event-Listener setzen
if (window.addEventListener) {
	// window.addEventListener("load", Hintergrundbild_anpassen, false); // steht jetzt als Direktscript im Kopf
	window.addEventListener("DOMContentLoaded", Rahmen_anpassen, false);
	window.addEventListener("load", Rahmen_anpassen, false);
	window.addEventListener("load", Bild_anpassen, false);
	// window.addEventListener("load", Bilder_vorladen, false); // brauchen wir hier nicht
	window.addEventListener("resize", Hintergrundbild_anpassen, false);
	window.addEventListener("resize", Rahmen_anpassen, false);
	window.addEventListener("resize", Bild_anpassen, false);
} else if (window.attachEvent) { // für IE7
	// window.attachEvent("onload", Hintergrundbild_anpassen); // steht jetzt als Direktscript im Kopf
	window.attachEvent("onload", Rahmen_anpassen);
	window.attachEvent("onload", Bild_anpassen);
	// window.attachEvent("onload", Bilder_vorladen); // brauchen wir hier nicht
	window.attachEvent("onresize", Hintergrundbild_anpassen);
	window.attachEvent("onresize", Rahmen_anpassen);
	window.attachEvent("onresize", Bild_anpassen);
}