// JavaScript Document


function fensterweite () {
  if (window.innerWidth) {
    return window.innerWidth;
  } else if (document.body && document.body.offsetWidth) {
    return document.body.offsetWidth;
  } else {
    return 0;
  }
}

function fensterhoehe () {
  if (window.innerHeight) {
  		return window.innerHeight;
  } else if (document.body && document.body.clientHeight) {
  	  return document.body.clientHeight;
  } else if (document.documentElement.clientHeight) {
	  return document.documentElement.clientHeight;
} else {
    return 0;
  }
}

function menubreite () {
	if(!document.getElementById("Navigation")) {
		return 0;
	}
	return 170;
}

function restbreite () {
	return fensterweite () - menubreite ();
}


function bildbreite () {
	if (!document.getElementById("bild")) return potenzielleBildBreite;
	return document.getElementById("bild").width;
}


function tophoehe () {
	return 120;
}

function bottomhoehe() {
	return 50;
}

function resthoehe() {
	return fensterhoehe() - tophoehe() - bottomhoehe();	
}

function abstand () {
	h = 0;
	if (!document.getElementById("bild")) { 
		h = potenzielleBildHoehe;
	}
	else 
		h = document.getElementById("bild").height;
	return (fensterhoehe() - tophoehe() - h - bottomhoehe() )/2;
}

function xkoord (offset) {
	return Math.round((restbreite ()/2)-(bildbreite ()/2) + menubreite ()) + offset + "px";
}

function ykoord (offset) {
	return Math.round(tophoehe () + abstand ()) + offset + "px";
}

function berechneAngepassteBreite(neueHoehe) {
	return 630/370* neueHoehe;
}


function berechneAngepassteHoehe(neueBreite) {
	return 370/630* neueBreite;
}

function setzeNeueBildgroesse(img) {
	
	maxWidth = restbreite() - 20;
	maxHeight = resthoehe() - 20;
	
	
	if (berechneAngepassteBreite(maxHeight) > maxWidth) { // Bild ist zu breit
		img.width = maxWidth;
		img.height = berechneAngepassteHoehe(maxWidth);
	} else {
		img.width  = berechneAngepassteBreite(maxHeight);
		img.height = maxHeight;
	}
}

potenzielleBildHoehe = 0;
potenzielleBildBreite = 0;

function berechnePotenzielleBildGroesse() {

	maxWidth = restbreite() - 20;
	maxHeight = resthoehe() - 20;

	
	if (berechneAngepassteBreite(maxHeight) > maxWidth) { // Bild ist zu breit
		potenzielleBildBreite = maxWidth;
		potenzielleBildHoehe = berechneAngepassteHoehe(maxWidth);
	} else {
		potenzielleBildBreite = berechneAngepassteBreite(maxHeight);
		potenzielleBildHoehe = maxHeight;
	}
}
	

function neuAufbau () {
					   	
	
	if(!document.getElementById("bild")) {
		document.getElementById("contents").style.position = "absolute";
	    document.getElementById("contents").style.top=tophoehe() + 10 + "px";
	    document.getElementById("contents").style.left=menubreite() + 10 + "px";
		document.getElementById("contents").style.width=(fensterweite()-menubreite() - 50) + "px";
	    
		berechnePotenzielleBildGroesse();	
			
	} else {

	setzeNeueBildgroesse(document.getElementById("bild"));
	
    document.getElementById("contents").style.top=ykoord (0);
	document.getElementById("contents").style.left=xkoord (0);
	}	
	

	if (document.getElementsByName("coolspan")[0]) {

		
	
		
		for( var i=0; i< document.getElementsByName("coolspan").length;i++) {
	   		document.getElementsByName("coolspan")[i].style.top = ykoord(14);
	  		document.getElementsByName("coolspan")[i].style.left = xkoord(0);
			setzeNeueBildgroesse(document.getElementsByName("menupicture")[i]);

		}
	
		if (document.getElementsByName("galeriespan")) {	
			for (var i = 0; i < document.getElementsByName("galeriespan").length; ++i) {
				document.getElementsByName("galeriespan")[i].style.top = ykoord(offset);
				document.getElementsByName("galeriespan")[i].style.left = xkoord(0);
				setzeNeueBildgroesse(document.getElementsByName("galeriebild")[i]);
			}
			
		}			
	} else {



		

		for( var i=0; i< document.getElementsByName("menupicture").length;i++) {
			setzeNeueBildgroesse(document.getElementsByName("menupicture")[i]);
		}	
		
		for( var i=0; i< document.getElementsByName("galeriebild").length;i++) {
			setzeNeueBildgroesse(document.getElementsByName("galeriebild")[i]);
		}	
		
		
		for( var i=0; i< document.getElementsByTagName("span").length;i++) {
			
			document.getElementsByTagName("span")[i].style.top = ykoord(offset);
	  		document.getElementsByTagName("span")[i].style.left = xkoord(0);
			

		  	
		  	
		}
}
	
}

if (navigator.userAgent.indexOf("Opera") != -1)
{
offset = 14;
}
else if (navigator.userAgent.indexOf("Netscape") != -1)
{
offset = 14;
}
else if (navigator.appName.indexOf("Internet Explorer") != -1)
{
offset= 0;
}
else if (navigator.userAgent.indexOf("Firefox") != -1)
{
offset=14;
}
else
{
offset = 0;
}

neuAufbau();