// REQUIRES mootools-1.2.5-core.js — www.mootools.net

function resetSize() { 
/*the target div has its height set in CSS to "auto," which allows it to expand to content.
 however, the minimum needs to be the size of the screen.*/
var debug = false;

$('header').setStyle('height','');
$('divCopyright').setStyle('height','');
$('divContent').setStyle('height','');
$('navLeft').setStyle('height','');
$('divBody').setStyle('height','');
$('divShadowL').setStyle('height','');
$('divShadowR').setStyle('height','');


    heightWindow = window.getSize().y; // sets var to height (y) of window
    heightWrapper = $('divWrapper').offsetHeight;
    heightHeader = $('header').offsetHeight;
    heightCopyright = $('divCopyright').offsetHeight;
    heightHeadFoot = heightHeader + heightCopyright; 
    heightContent = $('divContent').offsetHeight;// sets var to height of element
    if ( (heightContent + heightHeadFoot) < heightWindow )  
            { heightContent= ( heightWindow - heightHeadFoot ); 
                $('divContent').setStyle('height', heightContent  + 'px'); }  // if content is smaller than window, set it to window
    heightAll = heightContent + heightHeadFoot;
     $('navLeft').style.height=$('divContent').offsetHeight  + 'px';  // make the nav div the same size as the content.
    $('divShadowL').style.height=heightAll  + 'px';
    $('divShadowR').style.height=heightAll  + 'px';

  if (debug) alert(
    '\nheightWindow ' + heightWindow + 
    '\nheightWrapper ' + heightWrapper  +
    '\nheightAll ' + heightAll  +
    '\nheightContent ' + heightContent  +
    '\ndivContent ' + $('divContent').offsetHeight  +
    '\nnavLeft ' + $('navLeft').offsetHeight  +
    '\nheightHeader ' + heightHeader +
    '\nheightHeadFoot ' +  heightHeadFoot +
    '\nShadow L ' +  $('divShadowL').style.height +
    '\nShadow R ' +  $('divShadowR').style.height
    );    
  }