var mutils = new MiscUtils();

EventUtil.addEventHandler(window, 'load', onWindowLoad);
EventUtil.addEventHandler(window, 'resize', onWindowLoad);

///////////////////////////////////////////////////////////////
// FUNCTIONS
///////////////////////////////////////////////////////////////
//------------------------------------------------------
function onWindowLoad() {
  // reset height if content is longer than viewport
  var viewportDim = mutils.getViewportDimensions();
  var contentHeight = document.getElementById("content").offsetHeight;

  if (contentHeight > viewportDim[1]) { // content taller than viewport
    document.getElementById("container1").style.height = 'auto';
    document.getElementById("container1").style.paddingBottom = '0px';
    document.getElementById("container2").style.height = 'auto';
  } else {
	var heightAdj = 83; // this is the height taken up by #titleContainer and #navContainer
	var newHeight = viewportDim[1] + heightAdj;
    document.getElementById("container1").style.height = newHeight+"px";
    document.getElementById("container2").style.height = newHeight+"px";	
  }
	  
}