/* 
Derived from a script by Alejandro Gervasio. 
Modified to work in FireFox by Stefan Mischook for Killersites.com
Modified by Emmanuel Personne 11/02/2008 to work with this project

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=1100; 

     // 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' 
		d=divs[i];
		if (/\bcolumn\b/.test(divs[i].className)) contDivs[contDivs.length]=d;
		
		// determine height for <div> element
		if (d.offsetHeight) divHeight=d.offsetHeight;
		else if (d.style.pixelHeight) divHeight=d.style.pixelHeight;
		//alert('div'+i+'='+divHeight+'px')
		
		// calculate maximum height 
		if (contDivs.length>1) maxHeight=Math.max(maxHeight,parseInt(divHeight));
	} 
	 
	// assign maximum height value to all of container <div> elements
	var haut_de_page=230
	contDivs[0].style.height= (parseInt(maxHeight) + haut_de_page) + "px";
	//contDivs[1].style.height= (parseInt(maxHeight)) + "px";

} 

// Runs the script when page loads 

window.onload=function(){ if (document.getElementsByTagName) matchColumns(); }