/* 
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,cont1Divs,cont2Divs,miniDivs,maxHeight1,maxHeight2,divHeight1,divHeight2,d; 
	
     // get all <div> elements in the document 

     divs=document.getElementsByTagName('div'); 

     cont1Divs=[];
	 cont2Divs=[];
	 miniDivs=[];

     // initialize maximum height value 

     maxHeight1=0; 
	 maxHeight2=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]; 

                cont1Divs[cont1Divs.length]=d; 

                // determine height for <div> element 

                if(d.offsetHeight){ 

                     divHeight1=d.offsetHeight; 					

                } 

                else if(d.style.pixelHeight){ 

                     divHeight1=d.style.pixelHeight;					 

                } 

                // calculate maximum height 

                maxHeight1=Math.max(maxHeight1,divHeight1); 

          }
		  
		  else if(/\bjobColumn\b/.test(divs[i].className)){ 

                d=divs[i]; 

                cont2Divs[cont2Divs.length]=d; 

                // determine height for <div> element 

                if(d.offsetHeight){ 

                     divHeight2=d.offsetHeight; 					

                } 

                else if(d.style.pixelHeight){ 

                     divHeight2=d.style.pixelHeight;					 

                } 

                // calculate maximum height 

                maxHeight2=Math.max(maxHeight2,divHeight2); 

          }
		  
		  else if(/\bcolumn2\b/.test(divs[i].className)){
				miniDivs[miniDivs.length]=divs[i];
		  }

     } 

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

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

          cont1Divs[i].style.height=maxHeight1 + "px"; 

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

          cont2Divs[i].style.height=maxHeight2 + "px"; 

     }

} 

// Runs the script when page loads 

window.onload=function(){ 

     if(document.getElementsByTagName){ 

          matchColumns();			 

     } 

}