/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

function get_equal_height(col1,col2)
{
	var ddequalcolumns=new Object()
	//Input IDs (id attr) of columns to equalize. Script will check if each corresponding column actually exists:
	ddequalcolumns.columnswatch=[col1, col2]
	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")
	}

	//assign a function to execute to an event handler (ie: onunload)
	ddequalcolumns.dotask=function(target, functionref, tasktype)
	{
		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")
}

get_equal_height("column1", "column2")
get_equal_height("column3", "column4")