// JavaScript Document

//script to make css div columns equal length
//need to create a class, ie container, and name each column div involved with not only its unique id, but also a classname ie container

matchHeight=function() {
 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 document
 for(var i=0;i<divs.length;i++) {
 	//make collection with <div> elements with class attribute 'container'
 	if(/\bcontainer\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 max height
 		maxHeight=Math.max(maxHeight,divHeight);
 		}
 	}
 	
 	// assign max height value to all of container <div> elements
 	
 	for(var i=0;i<contDivs.length;i++){
 		contDivs[i].style.height=maxHeight;
 	}
 }
 
 //execute function when page loads
 
 window.onload=function(){
 	if(document.getElementsByTagName){
 		matchHeight();
 	}
 	}