/*<!-- Equal Columns JavaScript Start -->


<script type='text/javascript'>*/
/*
Enables columns to be of the same height for better blog designs.
Derived from a script by Alejandro Gervasio.
Modified to work in FireFox by Stefan Mischook for Killersites.com
Adapted for inline use with Blogger blogs by Amanda Fazani of BloggerBuster.com


How it works: just apply the CSS class of 'column' to your pages' main columns.
*/
function matchColumns(classname){

     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 the document
     for(var i=0;i<divs.length;i++){
          // make collection with &lt;div&gt; elements with class attribute &#39;container&#39;
          if(new RegExp("\\b" + classname + "\\b").test(divs[i].className)){
                d=divs[i];
                contDivs[contDivs.length]=d;
                // determine height for &lt;div&gt; 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 &lt;div&gt; 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('crosscol'); // class=column       
          matchColumns('column'); // class=maincolumn   
     }
}
/*&lt;/script&gt;
&lt;!-- Equal Columns JavaScript End --&gt;*/