addLoadListener(equalHeight);

function equalHeight() {

var myColumn1 = document.getElementById("column1");
var myColumn2 = document.getElementById("column2");
var myColumn3 = document.getElementById("column3");
var myColumn4 = document.getElementById("column4");
var myColumn5 = document.getElementById("column5");

var myColumn1Height = myColumn1Column.offsetHeight;
var myColumn2Height = myColumn2Column.offsetHeight;
var myColumn3Height = myColumn3Column.offsetHeight;
var myColumn4Height = myColumn4Column.offsetHeight;
var myColumn5Height = myColumn5Column.offsetHeight;

var myColumn1BorderTopPixels = retrieveComputedStyle(myColumn1Column, "borderTopWidth");
var myColumn1BorderBottomPixels = retrieveComputedStyle(myColumn1Column, "borderBottomWidth");
var myColumn1PaddingTopPixels = retrieveComputedStyle(myColumn1Column, "paddingTop");
var myColumn1PaddingBottomPixels = retrieveComputedStyle(myColumn1Column, "paddingBottom");
var myColumn2BorderTopPixels = retrieveComputedStyle(myColumn2Column, "borderTopWidth");
var myColumn2BorderBottomPixels = retrieveComputedStyle(myColumn2Column, "borderBottomWidth");
var myColumn2PaddingTopPixels = retrieveComputedStyle(myColumn2Column, "paddingTop");
var myColumn2PaddingBottomPixels = retrieveComputedStyle(myColumn2Column, "paddingBottom");
var myColumn3BorderTopPixels = retrieveComputedStyle(myColumn3Column, "borderTopWidth");
var myColumn3BorderBottomPixels = retrieveComputedStyle(myColumn3Column, "borderBottomWidth");
var myColumn3PaddingTopPixels = retrieveComputedStyle(myColumn3Column, "paddingTop");
var myColumn3PaddingBottomPixels = retrieveComputedStyle(myColumn3Column, "paddingBottom");
var myColumn4BorderTopPixels = retrieveComputedStyle(myColumn4Column, "borderTopWidth");
var myColumn4BorderBottomPixels = retrieveComputedStyle(myColumn4Column, "borderBottomWidth");
var myColumn4PaddingTopPixels = retrieveComputedStyle(myColumn4Column, "paddingTop");
var myColumn4PaddingBottomPixels = retrieveComputedStyle(myColumn4Column, "paddingBottom");
var myColumn5BorderTopPixels = retrieveComputedStyle(myColumn5Column, "borderTopWidth");
var myColumn5BorderBottomPixels = retrieveComputedStyle(myColumn5Column, "borderBottomWidth");
var myColumn5PaddingTopPixels = retrieveComputedStyle(myColumn5Column, "paddingTop");
var myColumn5PaddingBottomPixels = retrieveComputedStyle(myColumn5Column, "paddingBottom");

var myColumn1BorderNumber = Number(myColumn1BorderTopPixels.replace("px", "")) + Number(myColumn1BorderBottomPixels.replace("px", ""));
var myColumn1PaddingNumber = Number(myColumn1PaddingTopPixels.replace("px", "")) + Number(myColumn1PaddingBottomPixels.replace("px", ""));
var myColumn1Extras = myColumn1BorderNumber + myColumn1PaddingNumber;
var myColumn2BorderNumber = Number(myColumn2BorderTopPixels.replace("px", "")) + Number(myColumn2BorderBottomPixels.replace("px", ""));
var myColumn2PaddingNumber = Number(myColumn2PaddingTopPixels.replace("px", "")) + Number(myColumn2PaddingBottomPixels.replace("px", ""));
var myColumn2Extras = myColumn2BorderNumber + myColumn2PaddingNumber;
var myColumn3BorderNumber = Number(myColumn3BorderTopPixels.replace("px", "")) + Number(myColumn3BorderBottomPixels.replace("px", ""));
var myColumn3PaddingNumber = Number(myColumn3PaddingTopPixels.replace("px", "")) + Number(myColumn3PaddingBottomPixels.replace("px", ""));
var myColumn3Extras = myColumn3BorderNumber + myColumn3PaddingNumber;
var myColumn4BorderNumber = Number(myColumn4BorderTopPixels.replace("px", "")) + Number(myColumn4BorderBottomPixels.replace("px", ""));
var myColumn4PaddingNumber = Number(myColumn4PaddingTopPixels.replace("px", "")) + Number(myColumn4PaddingBottomPixels.replace("px", ""));
var myColumn4Extras = myColumn4BorderNumber + myColumn4PaddingNumber;
var myColumn5BorderNumber = Number(myColumn5BorderTopPixels.replace("px", "")) + Number(myColumn5BorderBottomPixels.replace("px", ""));
var myColumn5PaddingNumber = Number(myColumn5PaddingTopPixels.replace("px", "")) + Number(myColumn5PaddingBottomPixels.replace("px", ""));
var myColumn5Extras = myColumn5BorderNumber + myColumn5PaddingNumber;

	if (myColumn1Height > myColumn2Height) {
		myColumn2Column.style.height = (myColumn1Height - myColumn2Extras) + "px";
	}
	
	else {
		myColumn1Column.style.height = (myColumn2Height - myColumn1Extras) + "px";
	}
	
	if (myColumn2Height > myColumn3Height) {
		myColumn3Column.style.height = (myColumn2Height - myColumn3Extras) + "px";
	}
	
	else {
		myColumn2Column.style.height = (myColumn3Height - myColumn2Extras) + "px";
	}
	
	if (myColumn3Height > myColumn4Height) {
		myColumn4Column.style.height = (myColumn3Height - myColumn4Extras) + "px";
	}
	
	else {
		myColumn3Column.style.height = (myColumn4Height - myColumn3Extras) + "px";
	}
	
	if (myColumn4Height > myColumn5Height) {
		myColumn5Column.style.height = (myColumn4Height - myColumn5Extras) + "px";
	}
	
	else {
		myColumn4Column.style.height = (myColumn5Height - myColumn4Extras) + "px";
	}
	
	if (myColumn5Height > myColumn1Height) {
		myColumn1Column.style.height = (myColumn5Height - myColumn1Extras) + "px";
	}
	
	else {
		myColumn5Column.style.height = (myColumn1Height - myColumn5Extras) + "px";
	}
}

function retrieveComputedStyle(element, styleProperty)
{
		var computedStyle = null;
		
		if (typeof element.currentStyle != "undefined")
		{
			computedStyle = element.currentStyle;
		}
		else
		{
			computedStyle = document.defaultView.getComputedStyle(element, null);
		}
		return computedStyle[styleProperty];
}

function addLoadListener(fn)
{
	if (typeof window.addEventListener != 'undefined')
	{
	window.addEventListener('load', fn, false);
}
else if (typeof document.addEventListener != 'undefined')
{
	document.addEventListener('load', fn, false);
}
else if (typeof window.attachEvent != 'undefined')
{
	window.attachEvent('onload', fn);
}
else
{
	var oldfn = window.onload;
	if (typeof window.onload != 'function')
	{
	window.onload = fn;
	}
	else
	{
	window.onload = function()
	{
	oldfn();
	fn();
	};
	}
	}
}