function equalColumns() {

	var maxHeight = 0;

	//set maxHeight to window height

	if( typeof( window.innerWidth ) == 'number' ) {

		maxHeight = window.innerHeight;	//Non-IE

	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {

		maxHeight = document.documentElement.clientHeight; //IE 6+ in 'standards compliant mode'

	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {

		maxHeight = document.body.clientHeight; //IE 4 compatible

	}
	
	maxHeight -= 200; //because the header is about 200px high.

	//get the tallest column
	$$('.content').each(function(el) {

		if(el.getHeight() > maxHeight) {
			maxHeight = el.getHeight();	
		}

	});
	
	if($('main').getHeight() > maxHeight) {
		maxHeight = $('main').getHeight();
	}
	
	if(maxHeight < 200) return false;

	//make all columns the same height
	$$('.content').each(function(el) {

		el.style.height = maxHeight+'px';

	});
	
	

}

initAdd('equalColumns');