function DoResize()
{
	var elements = new Array('leftContent', 'leftSeparator', 'centerContent', 'rightSeparator', 'rightContent');

	/* FIX THE WIDTH FIRST */	
	var width = document.getElementById('wrapper').offsetWidth;
	
	for(var i = 0; i < elements.length; i++)
	{
		var ele = document.getElementById(elements[i]);
		
		if(ele != undefined)
		{
			if(elements[i] != 'centerContent')
				width = width - ele.offsetWidth;
		}
	}

	if(document.getElementById('leftContent') != undefined)
	{
		document.getElementById('centerContent').style.marginLeft = '2px';
		width = width - 2;
	}
	
	if(document.getElementById('rightContent') != undefined)
	{
		document.getElementById('centerContent').style.marginRight = '2px';
		width = width - 2;
	}

	document.getElementById('centerContent').style.width = width + 'px';
	
	/* THEN FIX THE HEIGHT */
	var height = Math.max((document.getElementById('leftContent') != undefined) ? document.getElementById('leftContent').offsetHeight : 0, document.getElementById('centerContent').offsetHeight, (document.getElementById('rightContent') != undefined) ? document.getElementById('rightContent').offsetHeight : 0) + 2;

	for(var i = 0; i < elements.length; i++)
	{
		var ele = document.getElementById(elements[i]);
		
		if(ele != undefined)
		{
			if(elements[i].search(/Separator/i) >= 0)
				ele.style.height = (height + 3) + 'px';
			else
				ele.style.height = height + 'px';
		}
	}
}

function FixBoxes()
{
	if(document.getElementById('outerBox') == undefined)
		return;
		
	var elements = new Array('box1', 'box2', 'box3', 'box4');
	
	// HAD TO SET THIS, FIREFOX ON WINDOWS DOES NOT CALCULATE CORRECTLY \\
	var height = 60;
	
	for(var i = 0; i < elements.length; i++)
	{
		var ele = document.getElementById(elements[i]);
		
		if(ele != undefined)
		{
			var diff = height - ele.offsetHeight;

			ele.style.marginTop = Math.floor(diff / 2) + 'px';
		}
	}
}