/*Adapted from http://www.thewatchmakerproject.com/journal/308/equal-height-boxes-with-javascript
fixing IE7 compatibility issues and using prototype.js loaded first*/

/*usage
  <script type="text/javascript" src="${siteRoot}/Content/javascripts/csscolumns.js" ></script>
<script type="text/javascript">
 Event.observe(window, 'load', function() {
 CSSColumns.equalise('content','c1','c2','c3');
 });
</script>
*/

var CSSColumns = {
    maxHeight: 0,
    els: new Array(),
    equalise: function(){
        for (var i=0;i<arguments.length;i++) if (!$(arguments[i])) return;
        for(var i=0;i<arguments.length;i++)
        {
            this.els.push($(arguments[i]));
        }
        this.maxHeight = this.calcMaxHeight();
        for(var i=0;i<this.els.length;i++){
            this.els[i].style.height = this.maxHeight + "px";
        }
    },
    calcMaxHeight: function(){
        var h = 0;
        for(var i=0;i<this.els.length;i++)
        {
            if(this.els[i].getHeight()>h)
            {
                h=this.els[i].getHeight();
            }
        }
        return h;
    }

}