/*****************************************************************************
 * equalHeight(_maxHeightID, _changeHeightID, _minHeight)                    *
 *							                     *
 * _maxHeightID:    The id of the element with the highest height.           *
 * _changeHeightID: The id of the element where the height will be changed.  *
 * _minHeight:      The default height of the page.                          *
 *									     *
 * The equalHeight() function changes the height of a given                  *
 * element [_changeHeightID] to match the height of a given 		     *
 * element[_maxHeightID].  If the height of the given element [_maxHeightID] *
 * is less then the minimum height [_minHeight] the function returns and     *
 * takes no action.							     *
 *									     *
 * Author: Sean Newby							     *
 * Created: March 7th, 2009						     *
 *****************************************************************************/

function equalHeight(_maxHeightID, _changeHeightID, _minHeight) {

	// Get and store _maxHeight and _changeHeight
	_maxHeight = document.getElementById(_maxHeightID).offsetHeight;
	_changeHeight = document.getElementById(_changeHeightID).offsetHeight;

	// Test to see if the max height is less then the default, if so return and do nothing
	if(_maxHeight <= _minHeight) {return;}

	// Change the height of _changeHeightID to reflect _maxHeightID
	_addHeight = _maxHeight - _minHeight;
	if(navigator.appName=="Microsoft Internet Explorer"){
		_addHeight -= 4;
	}
	document.getElementById(_changeHeightID).style.height = _addHeight + _changeHeight + "px";
}