// Function to equalise the height of two columns
function equaliseColumns(){
	
	// Check that we can access elements by their tag name	
	if (!document.getElementById){ return; }
	if (!document.getElementById("specBlock")){ return; }
	if (!document.getElementById("optionsBlock")){ return; }
	
	// Grab all the div elements
	var lhsDiv = document.getElementById("specBlock");
	var rhsDiv = document.getElementById("optionsBlock");
	
	// If lhs is taller than rhs
	if (lhsDiv.clientHeight > rhsDiv.clientHeight){
		rhsDiv.style.height = lhsDiv.clientHeight+'px';
	}
	// If rhs is taller than lhs
	else if (rhsDiv.clientHeight > lhsDiv.clientHeight){
		lhsDiv.style.height = rhsDiv.clientHeight+'px';
	}
}
	
// Adds event to window.onload without overwriting currently assigned onload functions.
// Function found at Simon Willison's weblog - http://simon.incutio.com/
function addLoadEvent(func)
{	
	var oldonload = window.onload;
	if (typeof window.onload != 'function'){
		window.onload = func;
	} else {
		window.onload = function(){
			oldonload();
			func();
		}
	}
}

// run equaliseItems onLoad
addLoadEvent(equaliseColumns);