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

    }
    // execute function when page loads
    window.onload=function(){
         if(document.getElementsByTagName){
              matchHeight();
         }
    }