function getPixelsFromTop(obj) {
	objFromTop = obj.offsetTop;
	while(obj.offsetParent != null) {
		objParent = obj.offsetParent;
		objFromTop += objParent.offsetTop;
		obj = objParent;
	}
	return objFromTop;
}

function resizeCells() {
	var defaultHeight = 200;

	var t1t=document.getElementById("table1-top");
	var t1b=document.getElementById("table1-bottom");
	var t1pt=getPixelsFromTop(t1t);
	var t1pb=getPixelsFromTop(t1b);
	var t1=t1pb-t1pt;

	var t2t=document.getElementById("table2-top");
	var t2b=document.getElementById("table2-bottom");
	var t2pt=getPixelsFromTop(t2t);
	var t2pb=getPixelsFromTop(t2b);
	var t2=t2pb-t2pt;

	var t3t=document.getElementById("table3-top");
	var t3b=document.getElementById("table3-bottom");
	var t3pt=getPixelsFromTop(t3t);
	var t3pb=getPixelsFromTop(t3b);
	var t3=t3pb-t3pt;

	var t4t=document.getElementById("table4-top");
	var t4b=document.getElementById("table4-bottom");
	var t4pt=getPixelsFromTop(t4t);
	var t4pb=getPixelsFromTop(t4b);
	var t4=t4pb-t4pt;

	if ((document.getElementById("image1")) || (document.getElementById("image2")))
	{
		if ((document.getElementById("image1")) && (!document.getElementById("image2")))
		{
			var table2=document.getElementById("table2").rows;
			var image1=document.getElementById("image1").style;
			image1.height = ""+t2+"px";
		}
		else if ((!document.getElementById("image1")) && (document.getElementById("image2")))
		{
			var table1=document.getElementById("table1").rows;
			var image2=document.getElementById("image2").style;
			image2.height = ""+t1+"px";
		}
		else
		{
			var image1=document.getElementById("image1").style;
			var image2=document.getElementById("image2").style;
			image1.height = ""+defaultHeight+"px";
			image2.height = ""+defaultHeight+"px";
		}
	}

        if ((document.getElementById("image3")) || (document.getElementById("image4")))
	{
		if ((document.getElementById("image3")) && (!document.getElementById("image4")))
		{
			var table4=document.getElementById("table4").rows;
			var image3=document.getElementById("image3").style;
			image3.height = ""+t4+"px";
		}
		else if ((!document.getElementById("image3")) && (document.getElementById("image4")))
		{
			var table3=document.getElementById("table3").rows;
			var image4=document.getElementById("image4").style;
			image4.height = ""+t3+"px";
		}
		else
		{
			var image3=document.getElementById("image3").style;
			var image4=document.getElementById("image4").style;
			image3.height = ""+defaultHeight+"px";
			image4.height = ""+defaultHeight+"px";
		}
	}
}

window.onresize = resizeCells;