/* 
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(the_class){
	var divs,contDivs,maxHeight,divHeight,d;
	if(BrowserDetect.browser == 'Safari') return; //not working correctly in Safari, return undef
	
	// 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(divs[i].className == the_class){
			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();
	}
}
*/