var AdjustHeights = function()  {
      var loadAH = function()  {

        //using prototype's getHeight() method instead of offsetHeight
        var contentHeight = $('contentwrapper').getHeight();   //there is a difference between contenttop.gif (10px) & lefttop.gif (8px)
        var leftHeight = $('leftwrapper').getHeight();

        if( leftHeight < contentHeight )  {
          var nNewHeight = contentHeight - 2;
          $('left').style.height = nNewHeight +'px';
        }
        else if( contentHeight < leftHeight )  {
          var nNewHeight = leftHeight - 10;
          $('content').style.height = nNewHeight +'px';
        }
      };
      //FastInit allows you to initialise when the browser DOM is loaded and not have to wait for all the other resources to load (like images)
      //but we need image heights, can't use FastInit here
      if(window.FastInit) {
        FastInit.addOnLoad(loadAH);
      } // else {
      //readjust after images are loaded
      Event.observe(window, 'load', loadAH);
      
    }
    AdjustHeights();