// JavaScript Document

	/*********************************************************
	 *	resizePage()
	 *
	 *	Passt die Höhen- und Breitendimensionen bestimmter 
	 *	Container des Seitenlayouts an.
	 *
	 *	Wird via ONLOAD-Attribut des BODY-Elements aufgerufen.
	 *********************************************************/
	function resizePage() {
	
		//=============================================== MENÜ-Anpassung ===================================================//		
		// wenn LEFT vorhanden ist
		if( document.getElementById("left") != null ) {

			// wenn LEFT kleiner als MAIN ist
			if(document.getElementById("left").offsetHeight < document.getElementById("main").offsetHeight) {

				// wenn leftcol vorhanden und größer als LEFT ist
				if( document.getElementById("leftcol") != null ) {
					
					if(document.getElementById("leftcol").offsetHeight > document.getElementById("left").offsetHeight) {
					
						// höhe der einzelnen container
						var height_leftcol = document.getElementById("leftcol").offsetHeight;
						var height_rightcol = document.getElementById("rightcol").offsetHeight;
						
						// berechne die aktuelle höhe des Main-Container
						var height_left = ((height_leftcol > height_rightcol) ? height_leftcol : height_rightcol);
						
						// ändere height-Attribut von LEFT
						document.getElementById("left").style.height = (height_left + 60).toString()+"px";
					
						// ändere height-Attribut von MAIN
						document.getElementById("main").style.height = (height_left + 20).toString()+"px";
					}
					
				} else {
					
					// ändere height-Attribut von LEFT
					document.getElementById("left").style.height = document.getElementById("main").offsetHeight.toString()+"px";
				}
					
				// ändere marginLeft-Attribut von MAIN
				document.getElementById("main").style.marginLeft = document.getElementById("left").offsetWidth.toString()+"px";


			// wenn LEFT größer als MAIN ist
			} else if(document.getElementById("left").offsetHeight > document.getElementById("main").offsetHeight) {
				
				// ändere height-Attribut von MAIN
				document.getElementById("main").style.height = (document.getElementById("left").offsetHeight - 40).toString()+"px";
			}
		}
		
		//=============================================== QUICKLINK-Anpassung ===================================================//	
		// wenn quicklinks angezeigt werden
		if( document.getElementById("quicklinks") != null ) {
			
			// ermittel alle kinder von "quicklinks"
			var childs = document.getElementById("quicklinks").childNodes;
			var span_array = Array();
			
			// initialisiere variablen
			var count = 0;
			var widest_element = 0;
			var widest_element_index= 0;

			// durchlaufe alle kindobjekte
			for( i=0 ; i<childs.length ; i++ ) {
				
				// wenn kindobjekt einen tag-namen hat
				if( childs[i].tagName != undefined ) {
					
					// wenn kindobjekt ein span-element ist
					if( (childs[i].tagName).toLowerCase() == "span" ) {
						
						// speichere element in array
						span_array[count] = childs[i];
						
						// wenn element weiter als bisher gespeichertes größtes element
						if(childs[i].offsetWidth > widest_element) {
							
							// speichere weite des elements
							widest_element = childs[i].offsetWidth;	
							
							// speichere auch index
							widest_element_index = count;
						}
												
						// zählvariable erhöhen
						count++;
					}
				}
			}
			
			// wenn link-anzahl > 3 und < 7
			if( count < 4 ) {	
			
				// durchlaufe span-element-array
				for( i=0 ; i<span_array.length ; i++ ) {
				
					// speichere weite des elements, wenn element weiter als bisher gespeichertes größtes element
					span_array[i].style.width = (widest_element - 25) + "px";
				}
				
			// anderenfalls
			} else {
				
				// wenn mehr als 3 und weniger als links vorhanden sind => 2 spalten
				if( count > 3 && count < 7 ) 						tmp = 2;
				
				// wenn mehr als 6 links vorhanden sind und das fenster schmäler als 1400 pixel ist => 3 spalten
				else if( count > 6 && window.innerWidth <= 1400 ) 	tmp = 3;
				
				var widest_el_first  = 0;
				var widest_el_second = 0;
				var widest_el_third  = 0;
				
				//======================== ERSTE spalte ========================
				// durchlaufe span-element-array für  _ERSTE_  spalte
				for( i=0 ; i<span_array.length ; i+=tmp ) {
					
					// wenn span-element exisitert
					if( i < (span_array.length-1) ) {
						
						// ermittel breitestes element der ersten spalte
						if(span_array[i].offsetWidth > widest_el_first) widest_el_first = span_array[i].offsetWidth;
					}
				}
				
				// durchlaufe span-element-array für  _ERSTE_  spalte
				for( i=0 ; i<span_array.length ; i+=tmp ) {
					
					// wenn span-element exisitert
					if( i < (span_array.length-1) ) span_array[i].style.width = (widest_el_first - 25) + "px";
				}
				
				//======================== ZWEITE spalte ========================
				// durchlaufe span-element-array für  _ZWEITE_  spalte
				for( i=1 ; i<span_array.length ; i+=tmp ) {
					
					// wenn span-element exisitert
					if( i < (span_array.length-1) ) {
						
						// ermittel breitestes element der ersten spalte
						if(span_array[i].offsetWidth > widest_el_second) widest_el_second = span_array[i].offsetWidth;
					}
				}
				
				// durchlaufe span-element-array für  _ZWEITE_  spalte
				for( i=1 ; i<span_array.length ; i+=tmp ) {
					
					// wenn span-element exisitert
					if( i < (span_array.length-1) ) span_array[i].style.width = (widest_el_second - 25) + "px";
				}
				
				//======================== ZWEITE spalte ========================
				// wenn dritte spalte vorhanden ist
				if( tmp == 3 ) {
					
					// durchlaufe span-element-array für  _ZWEITE_  spalte
					for( i=2 ; i<span_array.length ; i+=tmp ) {
						
						// wenn span-element exisitert
						if( i < (span_array.length-1) ) {
						
							// ermittel breitestes element der ersten spalte
							if(span_array[i].offsetWidth > widest_el_third) widest_el_third = span_array[i].offsetWidth;
						}
					}
					
					// durchlaufe span-element-array für  _ZWEITE_  spalte
					for( i=2 ; i<span_array.length ; i+=tmp ) {
					
						// wenn span-element exisitert
						if( i < (span_array.length-1) ) span_array[i].style.width = (widest_el_third - 25) + "px";	
					}
				}
			}
			
			// bestimme restgröße für quicklinks
			var restbreite = document.getElementById("wrapper").offsetWidth - 600;
			var rest = restbreite / (14 + widest_element);
			
			// wenn weniger als 4 links vorhanden sind ODER kein platz für mehr als eine spalte ist
			if( count < 4 || rest < 2 ) 					document.getElementById("quicklinks").style.maxWidth = (14 + widest_element * 1).toString()+"px";
			// wenn mehr als 3 und weniger als 7 links vorhanden sind
			else if( count > 3 && count < 7 && rest > 2 ) 		document.getElementById("quicklinks").style.maxWidth = (14 + widest_element * 2).toString()+"px";
			// wenn mehr als 6 links vorhanden sind und wenn breite der bildschirmauflösung kleiner oder gleich 1024 pixel ist
			else if( count > 6 && window.innerWidth <= 1400 )	document.getElementById("quicklinks").style.maxWidth = (14 + widest_element * 3).toString()+"px";
		}
	} 
	
	//create onDomReady Event
	window.onDomReady = initReady;

	// Initialize event depending on browser
	function initReady( fn )
	{
		//W3C-compliant browser
		if( document.addEventListener )
		{
			document.addEventListener( "DOMContentLoaded", fn, false );
		}
		//IE
		else 
		{
			document.onreadystatechange = function()
			{
				readyState( fn )
			}
		}
	}

	//IE execute function
	function readyState( func )
	{
		// DOM is ready
		if( document.readyState == "interactive" || document.readyState == "complete" )
		{
			func();
		}
	}