Note: This story was dynamically reformatted for online reading convenience.
 
 //** Dynamic Drive Equal Columns Height script v1.01 (Nov 2nd, 06) //**
http://www.dynamicdrive.com/style/blog/entry/css-equal-columns-height-scrip
t/

   var ddequalcolumns=new Object() //Input IDs (id attr) of columns to
equalize.  Script will check if each corresponding column actually exists:
ddequalcolumns.columnswatch=["leftcolumn", "rightcolumn", "contentwrapper"]

   ddequalcolumns.setHeights=function(reset){ var tallest=0 var
resetit=(typeof reset=="string")?  true : false for (var i=0;
i<this.columnswatch.length; i++){ if
(document.getElementById(this.columnswatch[i])!=null){ if (resetit)
document.getElementById(this.columnswatch[i]).style.height="auto" if
(document.getElementById(this.columnswatch[i]).offsetHeight>tallest)
tallest=document.getElementById(this.columnswatch[i]).offsetHeight } } if
(tallest>0){ for (var i=0; i<this.columnswatch.length; i++){ if
(document.getElementById(this.columnswatch[i])!=null)
document.getElementById(this.columnswatch[i]).style.height=tallest+"px" } }
}

   ddequalcolumns.resetHeights=function(){ this.setHeights("reset") }

   ddequalcolumns.dotask=function(target, functionref, tasktype){ //assign
a function to execute to an event handler (ie: onunload) var
tasktype=(window.addEventListener)?  tasktype : "on"+tasktype if
(target.addEventListener) target.addEventListener(tasktype, functionref,
false) else if (target.attachEvent) target.attachEvent(tasktype,
functionref) }

   ddequalcolumns.dotask(window, function(){ddequalcolumns.setHeights()},
"load") ddequalcolumns.dotask(window, function(){if (typeof
ddequalcolumns.timer!="undefined") clearTimeout(ddequalcolumns.timer);
ddequalcolumns.timer=setTimeout("ddequalcolumns.resetHeights()", 200)},
"resize")