﻿/*
Derived from a script by Alejandro Gervasio.
Modified to work in FireFox by Stefan Mischook for Killersites.com

How it works: just apply the CSS class of 'column' to your pages' main columns.
*/
matchColumns=function(){

 var divs,contDivs,maxHeight,divHeight,d;
 // get all <div> elements in the document

 divs=document.getElementsByTagName('div');

 contDivs=[];

 // initialize maximum height value

 maxHeight=0;

 // iterate over all <div> elements in the document

 for(var i=0;i<divs.length;i++){

 // make collection with <div> elements with class attribute 'container'

 if(/\bcolumn\b/.test(divs[i].className)){

 d=divs[i];

 contDivs[contDivs.length]=d;

 // determine height for <div> element

 if(d.offsetHeight){

 divHeight=d.offsetHeight;

 }

 else if(d.style.pixelHeight){

 divHeight=d.style.pixelHeight;

 }

 // calculate maximum height

 maxHeight=Math.max(maxHeight,divHeight);

 }

 }

 // assign maximum height value to all of container <div> elements

 for(var i=0;i<contDivs.length;i++){

 contDivs[i].style.height=maxHeight + "px";

 }

}

// Runs the script when page loads

window.onload=function(){

 if(document.getElementsByTagName){

 matchColumns();

 }

} 
