/* 
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();		 
     }
}