//Makes the shorter of the left and right columns extend down (along with its background-color) to the length of the longer one
function setTall() {
// by Paul@YellowPencil.com and Scott@YellowPencil.com
	if (document.getElementById && document.getElementById('right') && document.getElementById('left')) {
		var divs = new Array(document.getElementById('right'), document.getElementById('left'));
		
		// Let's determine the maximum height out of all columns specified
		var maxHeight = 0;
		for (var i = 0; i < divs.length; i++) {
			if (divs[i].offsetHeight > maxHeight) maxHeight = divs[i].offsetHeight;
		}
		
		// Let's set all columns to that maximum height
		for (var i = 0; i < divs.length; i++) {
			divs[i].style.height = maxHeight + 'px';

			// Now, if the browser's in standards-compliant mode, the height property
			// sets the height excluding padding, so we figure the padding out by subtracting the
			// old maxHeight from the new offsetHeight, and compensate!  So it works in Safari AND in IE 5.x
			if (divs[i].offsetHeight > maxHeight) {
				divs[i].style.height = (maxHeight - (divs[i].offsetHeight - maxHeight)) + 'px';
			}
		}
	}
}
window.onload = function() {
	setTall();

	window.onresize = function() {
	  setTall();
  }
}