/* 

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,leftColumnDiv,footerDiv; 

	

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

          }

		  

		  if(/\bleftcolumn\b/.test(divs[i].className)) {

		  		d=divs[i]; 



                leftColumnDiv=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); 

		  }



 		  if(/\bpagefooter\b/.test(divs[i].className)) {

		  	    footerDiv = divs[i];				

		  }

     }



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

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

          contDivs[i].style.height=maxHeight + "px"; 

     }

	 

	 // adjust maxheight for left column

	 maxHeight = maxHeight - 36;

	 

	 leftColumnDiv.style.height=maxHeight + "px";

	  

	 // now place footer

	 d = leftColumnDiv;

	 var top, height;

	 

	 if(d.offsetHeight){ 

		 height = d.offsetHeight; 					

  	 }  

	 else if(d.style.pixelHeight){ 

		 height = d.style.pixelHeight;					 

	 } 

	 if(d.offsetTop){

		 top = height + d.offsetTop;

     }

	 else if(d.style.pixelTop){

	     top = height + d.style.pixelTop;

	 }

	 

	 footerDiv.style.top = top + "px";	 

} 



// Runs the script when page loads 



window.onload=function(){ 



     if(document.getElementsByTagName){ 



          matchColumns();			 



     } 



}