var	panel = 1;
var c1, p1, c2, p2;
var delta = 20;
var timer = null;

function showPanel(id)
{
	if (id == panel || timer != null)
		return;

	p1 = getElement("panel" + panel);
	p2 = getElement("panel" + id);

	panel = id;

	p1.style.overflowY = "hidden";
	p2.style.overflowY = "hidden";
	p2.style.display = "block";

	resize();

	timer = setInterval("resize()", 10);
}

function resize()
{
	var	height = p1.style.height.replace(/\D/g,"");

	if (height <= delta)
	{
		clearInterval(timer);
		timer = null;

		p1.style.display = "none";
		p2.style.height = panelHeight + "px";
		p2.style.overflowY = "auto";

		return;
	}

	height = Math.max(0, height - delta);

	p1.style.height = (height + 1) + "px";
	p2.style.height = (panelHeight - height) + "px";
}