// Javascript für www.sinn.de - für alle Seitenlayouts außer Uhrendetails

function Fensterweite() {
	var x;
	if (self.innerHeight) // all except Explorer
	{ x = self.innerWidth; } else if (document.documentElement && document.documentElement.clientHeight)
	// Explorer 6 Strict Mode
	{ x = document.documentElement.clientWidth; } else if (document.body) // other Explorers
	{ x = document.body.clientWidth; }
	return x;
}
function Fensterhoehe() {
	var y;
	if (self.innerHeight) // all except Explorer
	{ y = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight)
	// Explorer 6 Strict Mode
	{ y = document.documentElement.clientHeight; } else if (document.body) // other Explorers
	{ y = document.body.clientHeight; }
	return y;
}

function neuAufbau() {
	// Dieser IF-Befehl ist notwendig, weil es sonst passieren kann, daß beim Firefox Inhalte durch den Scrollbalken verdeckt werden und dann ein horizontaler Balken eingeblendet wird:
	if ( Firefox_erkennen() ) {
		Weite = document.body.clientWidth; // Global
	} else {
		Weite = Fensterweite();
	}
	Hoehe = Fensterhoehe(); // Global
	
	var i_Breite_MSIE6 = 0;
	
	// Die Höhe dieses Elements wird zur Höhen- und Positionsberechnung anderer Elemente gebraucht:
	var Oben = document.getElementById("Oben");
	var HoeheOben = Oben.offsetHeight;
	// var IFrameFenster = window.frames["Kaufberatung"];
	var IFrameBeratungID = document.getElementById("Kaufberatung");
	var IFrameHaupt = window.frames["Kaufberatung"];
	if ( IFrameHaupt ) {
		IFrameHaupt = IFrameHaupt.document;
		if ( IFrameHaupt ) {
			IFrameHaupt = IFrameHaupt.getElementById("Haupt");
		}
	}
	
	var Haupt = document.getElementById("Haupt");
	var Links = document.getElementById("Links");
	var Mitte_Innen = document.getElementById("Mitte_Innen");
	Unruh = document.getElementById("Unruh"); // Global
	News = document.getElementById("News"); // Global
	var BreiteMin = 750;
	if ( document.getElementById("MitteHauptStart") ) {
		// Einstellungen für die Startseite:
		Mitte = document.getElementById("MitteHauptStart"); // Global
		var HoeheMitteOben = 249;
		var BreiteMin = 835;
	} else {
		var HoeheMitteOben = 190;
		/*
		if ( document.getElementById("MitteHaupt") ) {
		*/
		Mitte = document.getElementById("MitteHaupt"); // Global
		/*
		} else {
			Mitte = false;
		}
		*/
	}
	
	if ( document.getElementById("MitteOben") ) {
		var MitteOben = document.getElementById("MitteOben");
		MitteOben.style.height = HoeheMitteOben + "px";
	} else {
		var MitteOben = false;
		var HoeheMitteOben = 0;
	}
	// Die Breite der Adresse im DIV#Oben muss berechnet werden, damit der Abstand zu den Links für die Sprachen nicht zu klein wird (bei kleinem Fenster):
	var Adresse = document.getElementById("Adresse");
	
	var arrHoeheSpRe = new Array();
	var arrHoeheHaupt = new Array();
	
	// Diese Zeilen sind notwendig, um die Anfangswerte zu überschreiben:
	Haupt.style.position = "absolute";
	Haupt.style.margin = "0px";
	Haupt.style.left = "0px";
	
	Haupt.style.width = "auto";
	Haupt.style.height = "auto";
	// Haupt.style.overflow = "visible";
	Links.style.height = "auto";
	Mitte.style.height = "auto";
	Mitte.style.overflow = "visible";
	
	// Wenn die rechte Spalte vorhanden ist, muss das für die Breitenskalierung berücksichtigt werden:
	if ( Unruh ) {
		Unruh.style.height = "auto";
		var Breite_Unruh = Unruh.offsetWidth;
		var HoeheUnruh = Unruh.offsetHeight;
	} else {
		var Breite_Unruh = 0;
		var HoeheUnruh = 0;
	}
	if ( News != null ) {
		News.style.height = "auto";
		var Breite_News = News.offsetWidth;
		var HoeheNews = News.offsetHeight;
	} else {
		var Breite_News = 0;
		var HoeheNews = 0;
	}
	
	//var HoeheMin = 670;
	var HoeheMin = 800;
	
	// WertTesten( "HoeheMin: " + HoeheMin );
	
	var HoeheMin_Unruh = 315; // ??? ???
	
	if ( Mitte_Innen ) {
		Mitte_Innen.style.width = "auto";
	}
	
	// Hier wird die Mindestbreite für das Technik ABC festgelegt:
	if ( document.getElementById("ABC_Navi") ) {
		var BreiteMin = 990;
	}
	// Hier wird die Mindestbreite für die Bestellseite festgelegt:
	if ( document.getElementById("Bestellung") ) {
		var BreiteMin = 1022;
	}
	// Hier wird die Mindestbreite für die Weltkarte festgelegt:
	if ( document.getElementById("KarteTransparent") ) {
		var BreiteMin = 1040;
	}
	// Hier wird die Mindestbreite für die Kaufberatung festgelegt:
	if ( IFrameHaupt ) {
		var BreiteMin = 800;
	}
	// Hier wird die Mindestbreite für den Webshop festgelegt:
	if ( document.getElementById("Absendeformular") ) {
		// var BreiteMin = 980;
		var BreiteMin = 1023;
	}
	
	if ( document.getElementById("Depotkarte") ) {
		if ( BreiteMin < 951 ) {
			BreiteMin = 951;
		}
		DepotAdressen( Mitte_Innen, Unruh );
	}
	//var BreiteMin = 1024;
	//var Breite19Zoll = 1280;
	if ( BreiteMin >= 1024 ) {
		var Breite19Zoll = BreiteMin;
	} else {
		var Breite19Zoll = 1024;
	}
	var Breite17Zoll = 1024;
	var Hoehe17Zoll = 768;
	
	// Die Variablen BreiteMin + HoeheMin werden ab hier nicht mehr verändert !
	
	if ( IFrameBeratungID ) {
		// var HoeheMinIframe = IFrameHaupt.offsetHeight + HoeheOben + 100;
		IFrameBeratungID.style.height = IFrameHaupt.offsetHeight + 50 + "px";
		// IFrameBeratungID.style.height = "99.99%";
		
		/*
		if ( HoeheMin < HoeheMinIframe ) {
			var HoeheMin = HoeheMinIframe;
		}
		*/
	}
	
	// 50 Jahre Sinn:
	var strSprache = "";
	if ( strLang == "en" ) {
		var strSprache = "_en";
	}
	imgBild_1.src = "/bilder/50-Jahre_sehr_klein" + strSprache + ".jpg";
	imgBild_2.src = "/bilder/50-Jahre_klein" + strSprache + ".jpg";
	imgBild_3.src = "/bilder/50-Jahre_gross" + strSprache + ".jpg";
	var arrBilder = new Array( new Array( imgBild_1.src, (BreiteMin + Breite19Zoll) / 2, -1 ), 
								new Array( imgBild_2.src, BreiteMin, Breite19Zoll ), 
								new Array( imgBild_3.src, -1, Breite19Zoll ) );
	Bild_tauschen( "img50Jahre", arrBilder, Weite );
	// --------------
	
	// Zur Positionierung der Texte im Technik ABC:
	ZweiSpaltenFloat();
	
	Mitte.style.top = HoeheMitteOben + 100 + "px";
	
	var Hoehe19Zoll = 850;
	Hoehe19Zoll = Math.max( Hoehe19Zoll, HoeheMin );
	if ( Hoehe > Hoehe19Zoll ) {
		var Abstand = Math.floor((Hoehe - Hoehe19Zoll) / 2);
		if ( Abstand > 40 ) {
			Abstand = 40;
		}
	}
	
	if ( Weite > BreiteMin ) {
		// Wenn Bildschirm > 19"
		if ( Weite > Breite19Zoll ) {
			Haupt.style.overflow = "hidden";
			Haupt.style.left = (Weite - Breite19Zoll) / 2 + "px";
			Haupt.style.width = Breite19Zoll - 2 + "px";
		} else {
			Haupt.style.left = "0";
			// Wenn Bildschirm > 17"
			if ( Weite > Breite17Zoll ) {
				Haupt.style.overflow = "hidden";
				Haupt.style.width = Weite - 2 + "px";
			} else {
				// Wenn Bildschirm < 17"
				if ( Weite > BreiteMin ) {
					Haupt.style.overflow = "hidden";
					Haupt.style.width = Weite - 2 + "px";
				}
			}
		}
	}
	
	// Wenn Browserfenster sehr gross
	if ( Hoehe > Hoehe19Zoll ) {
		Haupt.style.overflow = "hidden";
		var HauptHoehe = Hoehe - (Abstand * 2) - 2;
		Haupt.style.top = Abstand + "px";
		Haupt.style.height = HauptHoehe + "px";
		Mitte.style.height = HauptHoehe - HoeheOben - HoeheMitteOben +1 + "px";
	} else {
		Haupt.style.top = 0 + "px";
		// Wenn Browserfenster gross
		if ( Hoehe > Hoehe17Zoll && Hoehe > HoeheMin ) {
			Haupt.style.overflow = "hidden";
			var HauptHoehe = Hoehe - 2;
			Haupt.style.height = HauptHoehe + "px";
			Mitte.style.height = HauptHoehe - HoeheOben - HoeheMitteOben +1 + "px";
		} else {
			// Wenn Browserfenster klein
			if ( Hoehe > HoeheMin ) {
				Haupt.style.overflow = "hidden";
				var HauptHoehe = Hoehe - 2;
				Haupt.style.height = HauptHoehe + "px";
				Mitte.style.height = HauptHoehe - HoeheOben - HoeheMitteOben +1 + "px";
			}
		}
	}
	
	/* */
	// if ( !MSIE6_erkennen() ) {
	if ( false ) {
		// Für alle aktuellen Browser:
	/* */
		
		// Wenn Bildschirm (Breite & Hoehe) < Minimum
		if ( Weite <= BreiteMin ) {
			Haupt.style.width = BreiteMin + "px";
		}
		Mitte.style.width = Haupt.offsetWidth - 202 + "px";
		if ( MitteOben ) {
			MitteOben.style.width = Mitte.style.width;
		}
		
		GroesseFenster = "gross"; // Wozu ??? ???
		if ( Hoehe <= HoeheMin || Weite <= BreiteMin ) {
			GroesseFenster = "klein";
			Haupt.style.overflow = "visible";
			Mitte.style.overflow = "visible";
			Mitte.style.height = "auto";
			
			/* Probeweise auskommentiert */
			if ( Mitte.clientHeight < HoeheMin_Unruh ) { // Wozu ??? ???
				Mitte.style.height = HoeheMin_Unruh + "px";
			}
			/* */
			
			if ( Mitte_Innen ) {
				var HoeheMitteInnen = Mitte_Innen.offsetHeight;
			} else {
				var HoeheMitteInnen = 0;
			}
			var HoeheMitte = Math.max( Mitte.offsetHeight, Mitte.clientHeight );
			
			arrHoeheHaupt.push( HoeheOben + Links.offsetHeight + 20 );
			arrHoeheHaupt.push( HoeheOben + HoeheMitteOben + HoeheMitte + 20 );
			arrHoeheHaupt.push( HoeheOben + HoeheMitteOben + HoeheMitteInnen + 20 );
			if ( Unruh ) {
				arrHoeheHaupt.push(HoeheUnruh + HoeheMitteOben + HoeheOben);
			}
			if ( News ) {
				arrHoeheHaupt.push(HoeheNews + HoeheMitteOben + HoeheOben);
			}
			arrHoeheHaupt.push( Hoehe );
			var HoeheHaupt = fnWertMax(arrHoeheHaupt) - 2;
			
			if ( document.getElementById("KarteImageMap") && HoeheHaupt < HoeheMin ) {
				HoeheHaupt = HoeheMin;
			}
			Haupt.style.height = HoeheHaupt + "px";
			// Haupt.style.overflow = "hidden";
		} else {
			Mitte.style.overflow = "auto";
		}
		
		Adresse.style.width = Haupt.offsetWidth - 450 + "px";
		Links.style.height = Haupt.offsetHeight - 102 + "px";
		
		arrHoeheSpRe.push(Haupt.offsetHeight - HoeheMitteOben - 102);
		arrHoeheSpRe.push(Mitte.scrollHeight);
		if ( Mitte_Innen ) {
			arrHoeheSpRe.push(Mitte_Innen.offsetHeight);
			arrHoeheSpRe.push(Mitte_Innen.scrollHeight);
		}
		arrHoeheSpRe.push(HoeheUnruh);
		arrHoeheSpRe.push(HoeheNews);
		
		var HoeheSpRe = fnWertMax(arrHoeheSpRe);
		
		if ( Unruh ) {
			// Unruh.style.height = HoeheSpRe + "px";
			// Unruh.style.height = Mitte.scrollHeight + "px";
			try {
				if ( Kultur ) {
					Unruh.style.backgroundColor = "white";
				}
			} catch(e) {}
		}
		if ( News ) {
			// News.style.height = HoeheSpRe + "px";
			// News.style.height = Mitte.scrollHeight + "px";
			try {
				if ( Kultur ) {
					News.style.backgroundColor = "white";
				}
			} catch(e) {}
		}
		
	/* */
	} else {
	/* */
		// Wenn Bildschirm (Breite & Hoehe) < Minimum
		if ( Weite <= BreiteMin ) {
			Haupt.style.width = BreiteMin + "px";
			Haupt.style.overflow = "visible";
			Mitte.style.overflow = "visible";
			Mitte.style.height = "auto";
		}
		Mitte.style.width = Haupt.offsetWidth - 202 + "px";
		if ( MitteOben ) {
			MitteOben.style.width = Mitte.style.width;
		}
		
		GroesseFenster = "gross"; // Wozu ??? ???
		if ( Hoehe <= HoeheMin || Weite <= BreiteMin ) {
			GroesseFenster = "klein";
			
			Haupt.style.overflow = "visible";
			Mitte.style.overflow = "visible";
			Haupt.style.height = "auto";
			Mitte.style.height = "auto";
			
			if ( Mitte.clientHeight < HoeheMin_Unruh ) {
				Mitte.style.height = HoeheMin_Unruh + "px";
			}
			
			if ( Mitte_Innen ) {
				var HoeheMitteInnen = Mitte_Innen.offsetHeight;
			} else {
				var HoeheMitteInnen = 0;
			}
			var HoeheMitte = Math.max( Mitte.offsetHeight, Mitte.clientHeight );
			
			if ( IFrameBeratungID ) {
				var HoeheMinIframe = IFrameHaupt.offsetHeight + HoeheOben + 100;
				IFrameBeratungID.style.height = IFrameHaupt.offsetHeight + 50 + "px";
				if ( HoeheMin < HoeheMinIframe ) {
					var HoeheMin = HoeheMinIframe;
				}
			}
			arrHoeheHaupt.push( HoeheMin + 20 );
			arrHoeheHaupt.push( HoeheOben + Links.offsetHeight + 20 );
			arrHoeheHaupt.push( HoeheOben + HoeheMitteOben + HoeheMitte + 20 );
			arrHoeheHaupt.push( HoeheOben + HoeheMitteOben + HoeheMitteInnen + 20 );
			if ( Unruh ) {
				arrHoeheHaupt.push(HoeheUnruh + HoeheMitteOben + HoeheOben);
			}
			if ( News ) {
				arrHoeheHaupt.push(HoeheNews + HoeheMitteOben + HoeheOben);
			}
			arrHoeheHaupt.push( Hoehe );
			var HoeheHaupt = fnWertMax(arrHoeheHaupt) - 2;
			
			if ( document.getElementById("KarteImageMap") && HoeheHaupt < HoeheMin ) {
				HoeheHaupt = HoeheMin;
			}
			Haupt.style.height = HoeheHaupt + "px";
			// Mitte.style.height = HoeheHaupt - (HoeheOben + HoeheMitteOben) + "px";
			/*
			if ( Mitte.offsetHeight < Haupt.clientHeight - (HoeheOben + HoeheMitteOben) ) {
				Mitte.style.height = Haupt.clientHeight - (HoeheOben + HoeheMitteOben) + "px";
			}
			*/
			
		} else {
			Mitte.style.overflow = "auto";
		}
		
		Adresse.style.width = Haupt.offsetWidth - 450 + "px";
		Links.style.height = Haupt.offsetHeight - 102 + "px";
		
		arrHoeheSpRe.push(Haupt.offsetHeight - HoeheMitteOben - 102);
		arrHoeheSpRe.push(Mitte.scrollHeight);
		if ( Mitte_Innen ) {
			arrHoeheSpRe.push(Mitte_Innen.offsetHeight);
			arrHoeheSpRe.push(Mitte_Innen.scrollHeight);
		}
		arrHoeheSpRe.push(HoeheUnruh);
		arrHoeheSpRe.push(HoeheNews);
		
		var HoeheSpRe = fnWertMax(arrHoeheSpRe);
		
		if ( Unruh ) {
			try {
				if ( Kultur ) {
					Unruh.style.backgroundColor = "white";
				}
			} catch(e) {}
		}
		if ( News ) {
			try {
				if ( Kultur ) {
					News.style.backgroundColor = "white";
				}
			} catch(e) {}
		}
		
	} /*  */
	/*
	// Für die Seite "Kaufberatung" (ProduktSuche):
	var PHalter1 = document.getElementById("Platzhalter1");
	var PHalter2 = document.getElementById("Platzhalter2");
	// var SuchePreis = document.getElementById("SuchePreis");
	if ( PHalter1 ) {
		if ( PHalter1.offsetLeft < 100 ) {
			PHalter1.style.display = "none";
		} else {
			PHalter1.style.display = "block";
		}
		if ( PHalter2.offsetLeft < 100 ) {
			PHalter2.style.display = "none";
		} else {
			PHalter2.style.display = "block";
		}
	}
	*/
	
	if ( Mitte_Innen ) {
		Mitte_Innen.style.width = Mitte.clientWidth - (Breite_Unruh + Breite_News + i_Breite_MSIE6) + "px";
	}
	
	if ( document.forms["Absendeformular"] ) {
		document.forms["Absendeformular"].style.width = (Mitte_Innen.clientWidth - 20) + "px";
		var i_BreiteFormSpalten = ( document.forms["Absendeformular"].clientWidth / 2 ) - 10;
		try {
			document.getElementById("fieldset_Kundendaten").style.width = i_BreiteFormSpalten + "px";
			document.getElementById("fieldset_Rechnungsadresse").style.width = i_BreiteFormSpalten + "px";
			document.getElementById("fieldset_Lieferadresse").style.width = i_BreiteFormSpalten + "px";
		} catch(abc){}
	}
	/*
	if ( document.getElementById("Kaufberatung") ) {
		Mitte.style.overflow = "visible";
	}
	*/
	if ( Unruh ) {
		Unruh.style.height = "auto";
	}
	if ( News ) {
		News.style.height = "auto";
	}
	
	
	Adresse.style.width = Haupt.offsetWidth - 450 + "px";
	
	arrHoeheSpRe.push(Haupt.offsetHeight - HoeheMitteOben - 102);
	arrHoeheSpRe.push(Mitte.scrollHeight);
	if ( Mitte_Innen ) {
		arrHoeheSpRe.push(Mitte_Innen.offsetHeight);
		arrHoeheSpRe.push(Mitte_Innen.scrollHeight);
	}
	arrHoeheSpRe.push(HoeheUnruh);
	arrHoeheSpRe.push(HoeheNews);
	
	var HoeheSpRe = fnWertMax(arrHoeheSpRe);
	
	if ( Weite <= BreiteMin ) {
		Links.style.height = HoeheSpRe + HoeheMitteOben + "px";
	}
	
	if ( Unruh ) {
		Unruh.style.height = HoeheSpRe + "px";
	}
	if ( News ) {
		News.style.height = HoeheSpRe + "px";
	}
	
	// WertTesten( "Mi_Hei:" + Mitte.style.height + " Oben:" + HoeheOben + " MiOb:" + HoeheMitteOben );
	// WertTesten( BreiteMin );
}

function neuLaden() {
	if ( typeof fnFormGewaehlt == "function" && blSeiteGeladen == false ) {
		fnFormGewaehlt();
	}
	
	if ( !Firefox_erkennen() ) {
		// if ( Weite != Fensterweite() || Hoehe != Fensterhoehe() ) {
			neuAufbau();
		// }
	} else {
		neuAufbau();
	}
	MerklisteLeer();
	
	// Hier wird sichergestellt, dass der MSIE korrekt mit Ankern umgeht:
	var Anker = document.location.hash;
	if ( Anker != "" ) {
		location.hash = Anker;
	}
	blSeiteGeladen = true;
	
	// WertTesten(document.compatMode);
}

// Globale Variablen:
var blSeiteGeladen = false;
var Mitte, News, Unruh, GroesseFenster, HistorieAktuelleBildID=false;
var imgBild_1 = new Image(), imgBild_2 = new Image(), imgBild_3 = new Image();

/* Überwachung von Netscape initialisieren */
if (!window.Weite && window.innerWidth) {
	
	var Weite;
	var Hoehe;
	
	window.onresize = neuLaden;
}
/* Überwachung von Internet Explorer initialisieren */
if (!window.Weite && document.body && document.body.offsetWidth) {
	
	var Weite;
	var Hoehe;
	
	window.onresize = neuLaden;
}
function fnWertMax( arrWerte ) {
	var i_Max = arrWerte[0];
	var x;
	if ( arrWerte.length >= 2 ) {
		for ( x=1; x <= arrWerte.length -1; x++ ) {
			if ( i_Max < arrWerte[x] ) {
				i_Max = arrWerte[x];
			}
		}
	}
	return i_Max;
	
}