var myWidth = 0, myHeight = 0;
function determineInnerSize() {
  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;
  }
}

function adjustLayout() {
	var newHeight = "563px";
	determineInnerSize();
	if (myHeight < 800) {
		newHeight = (window.myHeight - 257) + "px";
	}
	$("#mainContent").css({height: newHeight});
	$("#mainContent>div").css({height: newHeight});
}

/* above code is legacy, below is jQuery */

$(document).ready(function() {
	adjustLayout();
	
	/* scrollpane effect for page content section */
	if ($().jScrollPane) {
		$("#mainContent>div").jScrollPane({
			scrollbarWidth: 11,
			scrollbarMargin: 10,
			dragMaxHeight: 250
		});
	}
	
	$(window).resize(function() {
		adjustLayout();
	});
});