/*
Funktion: Das Skript erzeugt ein Div. Dieses Div ist solang wie die Seite egal wie lang der Inhalt nach unten geht.
		  Somit haben wir im Linken bereich immer einen Hintergrund der 100% der Seite deckt.
		  
Datum: 2005-02-10

Version: 1.3

Anleitung: 1. Das folgende unter dem Content bereich einfügen.

			  <script src="[Link zu dieser js Datei]" type="text/javascript"></script>

			  <script language="JavaScript" type="text/javascript">
			  <!--
			  langZiehFunktion();
			  //-->
			  </script>
		   
		   2. Seite aufrufen und gucken ob ein alert Fenster kommt. Und die Zahlen merken.
		      Die höhe des Viewpoints kann als Mindesthöhe genutzt werden.
		   
		   3. Variablen in dieser Datei anpassen
		   
		   4. Wenn alles klappt debug auf false setzen und die ggf. die Komentare löschen;
			
		   5. Sollten Sie 2 Seiten haben die sich nur im Hintergrund,mindesthöhe oder breite unterscheiden dann kann das 
			  Skript zentral gespeichert werden und vor dem langZiehFunktion(); muss dann:
			  
			  setDivWidth(700);
			  oder
			  setDivBackground("#323F64");
			  oder
			  setDivMinHeight(700);
			  
			  <script language="JavaScript" type="text/javascript">
			  <!--
			  setDivBackground("#323F64");
			  langZiehFunktion();
			  //-->
			  </script>
			  
	

Achtung: 
		Der bereich in dem der Inhalt liegt muss in einem Div sein. Das div sollte eine id haben zb. <div     id="webcontent">Mein Text</div>.
         Sollte das div keine ID haben muss das Skript wie folgt abgeändert werden:
         
         var webContent = document.getElementById(webContentName).offsetHeight; 
         var webContentName = "webcontent";
         
         Muss gelöscht werden und durch
         
         var webContent = document.document.all.X!X!X!X.offsetHeight; 
         
         ersetzt werden. Das X!X!X!X muss durch den Namen des bereich in dem der Content liegt ersetzt werden.
         
         Diese Methode ist jedoch nicht zu Empfehlen Da sie nicht standardgemäße Eigenschaft des W3C-Standard ist.
	
*/


/* Variablen vom Contentbereich zu finden in der CSS Datei */

var webContentTop = 10;  /* Der Abstand von Top bis zum webcontent in px */ 
var webContentName = "webBodyDiv"; /* Name des bereich in dem der Content ist */
var debug = false; /* Wenn Debug angeschaltet ist werden information zur höhe des Viewpoint angezeigt. Zum ausschalten auf false setzen.*/

/* Setzen der Startparameter */

var divPosition = "absolute"; /* Die art der Positionierung */
var divTop = 0; /* Der Abstand von Top */
var divLeft = 0; /* Der Abstand von Left */
var divWidth = 196; /* Die breite des erzeugten Div */
var divMinHeight = 627; /* Die Mindesthöhe die das erzeugte Div haben muss */
var divPuffer = 30; /* Wenn das Dokument nicht genau mit dem Textende aufhören soll*/
var divBackground = "#FFFFFF"; /* Die Hintergrundfarbe des erzeugten Div */
var divHeight = "100%"; /*Die Höhe in % wenn alles optimal verläuft.*/


/*           !---------- Ab hier nichts mehr ändern ----------!      */

function langZiehFunktion(){

var webContent = document.getElementById(webContentName).offsetHeight;  /* Speichert die Höhe des webcontent Div in webContent */
var bodyHeight = document.getElementsByTagName('body')[0].offsetHeight; /* Speichert die Höhe des Bodys(Viewpoint) in bodyHeight */


if(bodyHeight <= (webContent + webContentTop)){ /* Checkt ob die höhe des Body(Viewpoint) kleiner ist als die länge des webContent*/
	 divHeight = webContent+webContentTop+divPuffer + "px"; /* Neue höhe des Div errechnet sich aus länge des webcontent + Abstand des webcontent zu top + puffer */
}
else if(bodyHeight < divMinHeight){	/* Fragt ab ob die höhe des Viewpoints kleiner ist als die Mindesthöhe */
	divHeight = divMinHeight + divPuffer + "px"; /* Neue höhe des Div errechnet sich aus länge des webcontent und des puffer*/
}

document.write("<div style=\"position: "+divPosition+";top: "+divTop+"px;left: "+divLeft+"px; width: "+divWidth+"px; height: "+divHeight+" ; min-height: "+divMinHeight+"px; background-color: "+divBackground+"; \">&nbsp;</div>"); /* Ereugt das div mit allen Style elementen */ 

if(debug){
	window.alert("Die höhe des Viewpoints: "+ bodyHeight+" Die höhe des webContent bereich: "+webContent);
}

}

/* Falls alles gleich bleibt und sich nur der Hintergrund ändern soll. */
function setDivBackground(background){
	divBackground = background;
}

/* Falls alles gleich bleibt und sich nur die Minimalhöhe ändern soll. */
function setDivMinHeight(minHeight){
	divMinHeight = minHeight;
}

/* Falls alles gleich bleibt und sich nur die Breite ändern soll. */
function setDivWidth(width){
	divWidth = width;
}