window.addEvent('load',function(){
var isIE = /MSIE/i.test(navigator.userAgent);
var isSafari = /Safari/i.test(navigator.userAgent);
var isChrome = /Crome/i.test(navigator.userAgent);

var divs = new Array('homeLeft', 'homeMiddle', 'homeRight');

function scriptInit() { if (!document.getElementById) { return; } }


function setHeights()
{
   if(document.getElementById)
   {
      var maxHeight = 0;
	  
      var leftHeight = 0;
      var rightHeight = 0;
      var centerHeight = 0;

	var leftContentHeight = 0;
	var centerTopContentHeight = 0;
	var centerBottomContentHeight = 0;
	var rightContentHeight = 0;
      
      //determine the bottom of pixel of the 3 elements
      for (var i = 0; i < divs.length; i++)
      {
         if ($(divs[i]) != null)
         {
            var div = $(divs[i]);
            
            if (div.id == 'homeRight'){
               rightHeight = div.offsetHeight;
			 }
            else if (div.id == 'homeLeft'){
				leftHeight = div.offsetHeight;
			 }
            else if (div.id == 'homeMiddle'){
               centerHeight = div.offsetHeight;
			 }
         }
      }
      
      //set maxHeight to the 'distance from top of page' of the longest element
      if (rightHeight > maxHeight)
      {
         maxHeight = rightHeight;
      }
      if (centerHeight > maxHeight)
      {
         maxHeight = centerHeight;
      }
      if (leftHeight > maxHeight)
      {
         maxHeight = leftHeight;
      }
      
	  //set the height of the inner content divs.  each div has a different offset applied to it based on some padding issues
	  leftContentHeight = maxHeight - 12;
	  rightContentHeight = maxHeight - 19;
	  centerBottomContentHeight = maxHeight - 19 - document.getElementById('homeMiddleTop').offsetHeight;
	  
      //set the heights of all the elements
      for (var i = 0; i < divs.length; i++)
      {
         if (document.getElementById(divs[i]) != null)
         {
            var div = document.getElementById(divs[i]);
               
            if(div.id == 'homeLeft'){
               div.setStyle("height", maxHeight + "px");
			   document.getElementById('homeLeftContent').setStyle('height', leftContentHeight + "px");
			   }
            if(div.id == 'homeRight'){
               div.setStyle("height", maxHeight+ "px");
			   document.getElementById('homeRightContent').setStyle('height', rightContentHeight + "px");
			   }
            if(div.id == 'homeMiddle'){
               div.setStyle("height", maxHeight + "px");
			   document.getElementById('homeMiddleContentBottom').setStyle('height', centerBottomContentHeight + "px");
			   }
         }
      }
   }
}

// Set up Event Listener
function addEvent(elm, evType, fn, useCapture) { 
	if (elm.addEventListener) { elm.addEventListener(evType, fn, useCapture); return true; } 
	else if (elm.attachEvent) { var r = elm.attachEvent('on' + evType, fn); return r; }
	else { elm['on' + evType] = fn; }
}

//addEvent(window, 'load', setHeights, false);
	setHeights();
});