﻿// Die Funktion ANPASSEN ueberwacht Aenderungen des Browserfensters 
// und passt die Groesse des "Stage"-Elements dem Brwoserfenster an.
//
function Anpassen() {
	// I.  M O Z I L L A   F I R E F O X
	if (navigator.appName == "Netscape") { 
		// window.captureEvents(Event.RESIZE); // Firefox-Bug 330494.
		window.onresize = Anpassen;
		// Stage-Hoehe bzw. Breite 90 Prozent des Viewports, u. zw. wenn
		// 1. Format gleich oder hoeher als 16:10
		if (window.innerWidth / 16 <= window.innerHeight / 10) {
			var breite = window.innerWidth * 0.9;
			if (breite > 1280) {
				breite = 1280;
			}
			var hoehe = breite * 10 / 16;
			// alert("HOCH: Breite der Bühne max. 1280px.");
		}
		// 2. Format flacher als 16:10
		else if (window.innerWidth / 16 > window.innerHeight / 10) {
			var hoehe = window.innerHeight * 0.9;
			var breite = hoehe * 16 / 10;
			// alert("QUER: Breite der Bühne max. 1280px.");
		}
		// Mittig plazieren
		var abstandOben = (window.innerHeight - hoehe) / 2;
		var abstandLinks = (window.innerWidth - breite) / 2;
		document.getElementById("Stage").style.width = breite + "px";
		document.getElementById("Stage").style.height = hoehe + "px";
		document.getElementById("Stage").style.top = abstandOben + "px";
		document.getElementById("Stage").style.left = abstandLinks + "px";
	}
	// II.  I N T E R N E T   E X P L O R E R
	else if (navigator.appName == "Microsoft Internet Explorer") {
		window.onresize = Anpassen;
		// Stage-Hoehe bzw. Breite 90 Prozent des Viewports, u. zw. wenn
		// 1. Format gleich oder hoeher als 16:10
		if (document.documentElement.clientWidth / 16 <= document.documentElement.clientHeight / 10) {
			var breite = document.documentElement.clientWidth * 0.9;
			if (breite > 1280) {
				breite = 1280;
			}
			var hoehe = breite * 10 / 16;
			// alert("QUER: Breite der Bühne max. 1280px.");
		}
		// 2. Format flacher als 16:10
		else if (document.documentElement.clientWidth / 16 > document.documentElement.clientHeight / 10) {
			var hoehe = document.documentElement.clientHeight * 0.9;
			var breite = hoehe * 16 /10;
			// alert("QUER: Breite der Bühne max. 1280px.");
		}
		// Mittig plazieren
		var abstandOben = (document.documentElement.clientHeight - hoehe) / 2;
		var abstandLinks = (document.documentElement.clientWidth - breite) / 2;
		document.getElementById("Stage").style.width = breite + "px";
		document.getElementById("Stage").style.height = hoehe + "px";
		document.getElementById("Stage").style.top = abstandOben + "px";
		document.getElementById("Stage").style.left = abstandLinks + "px";
	}
	// Andere Kandidaten: Safari & Co.
	else {
		// Nix machen einstweilen, sind nur ein paar Promille.
	}
}
