/* 
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.
*/

function matchColumns(classname){

  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(new RegExp("\\b" + classname + "\\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"; 

  } 

}