// JavaScript Document

function fixLayout(){
	// divs
	var site					= document.getElementById('site');
	var rechts					= document.getElementById('rechts');
	var contentDiv				= document.getElementById('content');
	var col0					= document.getElementById('col0');
	var col1					= document.getElementById('col1');
	var col2					= document.getElementById('col2');



	// variabelen
	var sw						= document.body.clientWidth;
	var sh						= document.body.clientHeight;

	var minWidth				= 752; // 800x600
	var maxWidth				= 955;
	var sitePadding				= 5;

	var siteWidth				= (sw < maxWidth) ? sw-(sitePadding*2) : maxWidth;
	var siteWidth				= (siteWidth > minWidth) ? siteWidth : minWidth;
	
	var rechtsWidth				= rechts.clientWidth;
	var rechtsHeight			= rechts.clientHeight;


	// fixen
	site.style.width			= siteWidth + "px";
	site.style.marginLeft		= (siteWidth == minWidth) ? '0px' : -(siteWidth/2);
	site.style.left				= (siteWidth == minWidth) ? sitePadding : '50%';

	rechts.style.left			= (siteWidth-rechtsWidth) + "px";
	contentDiv.style.width		= (siteWidth-rechtsWidth) + "px";
	
	if(col1){
		col1.style.width			= contentDiv.clientWidth/2 - 35;
		col1.style.left				= 50;
	}
	if(col1){
		col2.style.width			= contentDiv.clientWidth/2 - 35;
		col2.style.left				= contentDiv.clientWidth/2 + 25;
	}
	
	contentHeight					= 0;
	for(i in contentDiv.childNodes){
		//alert(i);
		if( contentDiv.childNodes[i].clientHeight > contentHeight) {
			contentHeight = contentDiv.childNodes[i].clientHeight;
		}
	}

	height						= (rechtsHeight > contentHeight) ? rechtsHeight : contentHeight;
	height						= (height < sh - 162) ? sh - 162 : height;

	rechts.style.height			= height;
	contentDiv.style.height		= height;
	
}