/* 
*	by Paul@YellowPencil.com and Scott@YellowPencil.com
*	feel free to delete all comments except for the above credit
*
*   This script balances the navigation and content columns 
*/

// Initialize Scripts - is this a browser that understands DOM?

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

// Set up Event Listener - the script that allows us to use the addEvent call below

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;
	}
}

// Start Column Script

function setTall() {
	if (document.getElementById) {
		// the divs array contains references to each column's div element.  
		var divs = new Array(document.getElementById('content'), document.getElementById('navigation'));
		
		// 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';

			// Safari AND in IE 5.x Hacks
			if (divs[i].offsetHeight > maxHeight) {
				divs[i].style.height = (maxHeight - (divs[i].offsetHeight - maxHeight)) + 'px';
			}
		}
	}
}
/*  
    Reset the heights for FireFox. Otherwise the columns can't grow when hidden 
    Elements are displayed.
*/

function reSizeColumns() {
    var divs = new Array(document.getElementById('content'), document.getElementById('navigation'));
    for (var i = 0; i < divs.length; i++) {
        divs[i].style.height = 'auto';
    }

}
/*
	Fire Events - you can add other scripts here and call them using the following method.  
	This one balances the columns when the page loads, and again when the window is resized
*/

addEvent(window, 'load', setTall, false);
addEvent(window, 'resize', setTall, false);