// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// Höhe des DIV-Containers anpassen an Browsergröße
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

function get_window_height() {
	var window_height = 0;

	if(typeof(window.innerHeight) == "number") {
		window_height = window.innerHeight;
	} else if(document.documentElement && document.documentElement.clientHeight) {
		window_height = document.documentElement.clientHeight;
	} else if(document.body && document.body.clientHeight) {
		window_height = document.body.clientHeight;
	}

	return window_height;
}

function detect_subnav() {
	var subnav = document.getElementById("subnavi");

	if(subnav) {
		
		var ua = navigator.userAgent;
		if(ua.indexOf("MSIE") >=0) {
			var subnav_height = subnav.scrollHeight;
			//alert(subnav_height);
		}else{
			var subnav_height = subnav.scrollHeight;
			//alert(subnav_height);
		}

		return parseInt(subnav_height + 5); // zzgl. Abstand
	} 

	return false;
}
function detect_subnav2() {
	var subnav2 = document.getElementById("subnavi2");

	if(subnav2) {

		var ua = navigator.userAgent;
		if(ua.indexOf("MSIE") >=0) {
			var subnav_height2 = subnav2.scrollHeight;
			//alert(subnav_height);
		}else{
			var subnav_height2 = subnav2.scrollHeight;
			//alert(subnav_height);
		}

		return parseInt(subnav_height2 + 5); // zzgl. Abstand
	} 

	return false;
}

function resize_content(mode) { 
	var element = document.getElementById("content-overflow");
	
	if(!element){
		var element = "nicht_definiert";
	} 
	
	var element_height = element.scrollHeight;

	var ua = navigator.userAgent;
	if(ua.indexOf("MSIE") >=0) {
		var temp_height = parseInt(213 + 10);
	}else{
		var temp_height = parseInt(223);
	}

	var max_height = parseInt(get_window_height() - temp_height - detect_subnav() - detect_subnav2());
	var min_height = (detect_subnav()) ? parseInt(100 - detect_subnav()) : 100;
	
	// Höhe setzen, wenn maximale, berechnete Höhe kleiner ist, als die Mindesthöhe und
	// wenn Content-Höhe kleiner ist als die minimale Höhe (wird berücksichtigt, ob
	// Subnavigation vorhanden ist oder nicht).
	if(max_height < min_height || element_height < min_height) {
		element.style.height = min_height + "px";
	} else {	
		// Höhe setzen, wenn Element Höhe zu hoch ist.
		if(element_height > max_height || mode == "resized") {
			element.style.height = max_height + "px";
		}
	}
}

window.onresize = function() { resize_content("resized"); };
window.onload =  function() { resize_content("resized"); };