// Make all blocks (divs) on one page the same height as the tallest one (when faux columns can't be used)

function getHeights(){
	//check for standards compliance
	if(!document.getElementById) return;
	if(!document.getElementsByTagName) return;
	
	getMaxHeight();
}
	
	
function getMaxHeight() {
	var maxHeight=0;

	//alert("check id("+elementId+")");
	var panel1 = document.getElementById("stripepanel1");
	var panel2 = document.getElementById("stripepanel2");
	var diff=0;
	if (panel1.offsetHeight > panel2.offsetHeight) {
		diff=panel1.offsetHeight - panel2.offsetHeight + 20;
		document.getElementById('stripepanel2').style.paddingBottom=diff+"px";
	}
	else {
		diff=panel2.offsetHeight - panel1.offsetHeight + 20;
		document.getElementById('stripepanel1').style.paddingBottom=diff+"px";
	}

	//alert ("got diff("+diff+")");	
	return maxHeight;
}


//addEvent(window,"load",getHeights);
