// Javascript specific to pages with a sidebar/3rd column

// by Pau@YellowPencil.com and Scot@YellowPencil.com
// feel free to delete all comments except for the above credit
// http://www.paulbellows.com/getsmart/balance_columns/column.js
function setTall() {
	if (document.getElementById) {

    // if the expected divs do not exist, do not continue
    if(!document.getElementById('BodyContent')||!document.getElementById('NavColumn')||!document.getElementById('Sidebar')){ return; }

		// the divs array contains references to each column's div element.  
		// Replace 'center' 'right' and 'left' with your own.  
		// Or remove the last one entirely if you've got 2 columns.  Or add another if you've got 4!
		var divs = new Array(document.getElementById('NavColumn'), document.getElementById('BodyContent'), document.getElementById('Sidebar'));
		
		// 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';
			}
		}
		// now set the bottom fade on the sidebar column
                var sbf = new Array(document.getElementById('sidebarBottomFade'))
		if(sbf[0])
		{
			//var bottomTop = maxHeight - 90;
			var bottomTop = maxHeight;
			//alert(bottomTop);
			sbf[0].style.top = bottomTop + 'px';
			//alert(sbf[0].style.top);
		}

		// now set the bottom fade on the sidebar column
                var bf = new Array(document.getElementById('bodyFooter'))
		if(bf[0])
		{
			//var bottomTop = maxHeight - 90;
			var bottomTop = maxHeight;
			//alert(bottomTop);
			bf[0].style.top = bottomTop + 'px';
			//alert(sbf[0].style.top);
		}
	}
}

addOnLoadEvent(function() {
	setTall();
});

addOnResizeEvent(function() {
	setTall();
});

//window.onload = function() {
//	setTall();
//}

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