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