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

   } 

}