// JavaScript Document

//document.addEventListener("load", position, false);
//document.addEventListener("DOMContentLoaded", position, false);

//Browsererkennung (IE6)
//top.location.href = "html/ie6/ie6.html";

//>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
// Bestimmung der Version
var browserVersionMajor = parseInt(navigator.appVersion);
//var browserVersionMinor = parseFloat(navigator.appVersion);

//alert("Browser: 		    " +browserName +"\n" + "Browser Version: "+browserVersion +"\n" + "Applikation Version: "+ navigator.userAgent +"\n");

// Alle Zeichen in Kleinbuchstaben
var agt=navigator.userAgent.toLowerCase();

// Internet Explorer erkennen
var is_ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));

//Erkenne Version 6
var is_ie6 = (is_ie && (browserVersionMajor == 4) && (agt.indexOf("msie 6.")!=-1) );

if (is_ie6 == true) {
    top.location.href = "../../html/ie6/ie6.html";
}

// -----------------------------------------------------------------
// Bestimmung der Version für Dom-Event
// (IE unterstützt die EventListener nicht)

if (is_ie == false) {
    // Event Listener für Dom Event
    document.addEventListener("load", position, false);
    document.addEventListener("DOMContentLoaded", position, false);
}
// ---------------------------------------------------------------------------------------
// Erkennung der Bildschirmauflösung und der CSS-Auswahl

var screen_high = 0;
var screen_width = 0;
var horizontale_bildaufloesung = 0;
var horizontale_aufloesung_background_kamera = 0;

screen_high = screen.height;
screen_width = screen.width;

// ---------------------------------------------------------------------------------------
// Bestimmung der Pfadangabe zu den CSS Sheets
var style_css = document.getElementById("style");
var style_pfad= style_css.href;
var laenge_style_pfad = style_pfad.length;
style_pfad = style_pfad.substring(0, laenge_style_pfad-4);

if (document.getElementById("seiten_style")) {
	var seiten_style_css = document.getElementById("seiten_style");
	var seiten_style_pfad= seiten_style_css.href;
	var seiten_laenge_style_pfad = seiten_style_pfad.length;
	seiten_style_pfad = seiten_style_pfad.substring(0, seiten_laenge_style_pfad-4);
}
//alert(style_pfad+"_1024.css" +"\n" + seiten_style_pfad+"_1024.css");

//alert(style_pfad);	

// ---------------------------------------------------------------------------------------
// Abfrage der Bildschirmauflösung
if (screen_high >= 1000) {
	document.write('<link href="'+style_pfad+'_1024.css" type="text/css" rel="stylesheet" />');
	
	if (document.getElementById("seiten_style")) {
		document.write('<link href="'+seiten_style_pfad+'_1024.css" type="text/css" rel="stylesheet" />');
	}
	horizontale_bildaufloesung = 1256;
	horizontale_aufloesung_background_kamera = 880;

//	alert("high >=1000");
} else {
	document.write('<link href="'+style_pfad+'_768.css" type="text/css" rel="stylesheet" />');

	if (document.getElementById("seiten_style")) {
		document.write('<link href="'+seiten_style_pfad+'_768.css" type="text/css" rel="stylesheet" />');	
	}
	horizontale_bildaufloesung = 960;
	horizontale_aufloesung_background_kamera = 655;
//	alert("high <1000");
}

// ---------------------------------------------------------------------------------------
// Positionierung der Bildinhalte (Breite)
window.onresize = position;

// "position" wird über Dom-Event (javascript) oder onload-Event (HTML) gestartet
function position() {

//	var bild_weite = window.innerWidth;
	bild_weite = parseInt(window.document.documentElement.clientWidth); //Für IE; wird aber von FF unterstützt
	bild_weite *= 1;
	
	bild_hoehe = parseInt(window.document.documentElement.clientHeight); //Für IE; wird aber von FF unterstützt
	bild_hoehe *= 1;
	
	if (bild_weite < horizontale_bildaufloesung) {
		// "scroller"-Positonierung
		var center_element = document.getElementById("scroller");
		center_element.style.width = horizontale_bildaufloesung+"px";
		center_element.style.marginLeft = "0px"; 
		center_element.style.left = "0%";
	
		//Hintergrundbild "Kamera" mit Überprüfung, ob Kamerabild existiert
		if (document.getElementById("background-kamera")) {
			var center_background_kamera = document.getElementById("background-kamera");
			center_background_kamera.style.width = horizontale_aufloesung_background_kamera+"px";
			center_background_kamera.style.marginLeft = ((horizontale_bildaufloesung-horizontale_aufloesung_background_kamera)/2)+"px"; 
			center_background_kamera.style.left = "0%";
		}
		
		//Positiionierung der Fusszeile
		var id_fusszeile = document.getElementById("fusszeile");
		id_fusszeile.style.width = bild_weite+"px";
		id_fusszeile.style.marginLeft = "0px"; 
		id_fusszeile.style.left = "0%";
		
		if (document.getElementById("center_fusszeile")) {
			var center_fusszeile = document.getElementById("center_fusszeile");
			center_fusszeile.style.width = bild_weite+"px";
		}
		
//alert("bild_weite " +bild_weite +" "+"horizontale_bildschirmaufloesung"+screen_width);
	} else {
		// "scroller"-Positonierung
		var center_element = document.getElementById("scroller");
		center_element.style.width = horizontale_bildaufloesung+"px";
		center_element.style.marginLeft = (-horizontale_bildaufloesung/2)+"px"; 
		center_element.style.left = "50%";
		
		//Hintergrundbild "Kamera" -Positionierung mit Überprüfung, ob Kamerabild existiert
		if (document.getElementById("background-kamera")) {
			var	center_background_kamera = document.getElementById("background-kamera");
			center_background_kamera.style.width = horizontale_aufloesung_background_kamera+"px";
			center_background_kamera.style.marginLeft = (-horizontale_aufloesung_background_kamera/2)+"px"; 
			center_background_kamera.style.left = "50%";
		}
		
		//Positiionierung der Fusszeile
		var id_fusszeile = document.getElementById("fusszeile");
		id_fusszeile.style.width = horizontale_bildaufloesung+"px";
		id_fusszeile.style.marginLeft = (-horizontale_bildaufloesung/2)+"px"; 
		id_fusszeile.style.left = "50%";
		
		if (document.getElementById("center_fusszeile")) {
			var center_fusszeile = document.getElementById("center_fusszeile");
			center_fusszeile.style.width = horizontale_bildaufloesung+"px";		
		}
		
//alert("bild_weite " +bild_weite +" "+"horizontale_bildschirmaufloesung"+screen_width);
	}
}