var sHeader;
var sSubHeader;
var sHeaderHeight;
var sSubHeaderHeight;
var sContainer;
var sContainerMinHeight=100;
var sMargin = 20;

function initResize()
{
	sHeader		= document.getElementById("header");
	sSubHeader	= document.getElementById("subheader");
	sContainer 	= document.getElementById("main");

	sHeaderHeight 		= parseInt(sHeader.style.height);
	sSubHeaderHeight	= parseInt(sSubHeader.style.height);

	sHeaderHeight+=sSubHeaderHeight;
	
	// add paddings + borders
	sHeaderHeight+= (3+14); // #header
	sHeaderHeight+= (2+5); // #subheader


	window.onresize = resize;
	resize();
}

function resize()
{
	var clientSize	= getClientSize();
	var h = sContainerMinHeight;
	if (clientSize[1] > (sHeaderHeight+sContainerMinHeight))
	{
		h = clientSize[1] - sHeaderHeight;
	}
	
	h = h-sMargin;

	sContainer.style.height = h+"px";
}

function getClientSize() 
{
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }

	return [myWidth, myHeight];
}