// JavaScript Document
var zoneHeight = 0;
var animRate2 = 0.3;
var interval2 = 20;
var animationTimer2 = 0;


function viewZones()
{
	if(animationTimer2 != 0) return;
	
	var zonePanel = document.getElementById('zonePanel');
	
	if(zonePanel.className == 'zonePanelVisible')
	{
		var offH = zonePanel.offsetHeight;
		zonePanel.className = "zonePanelHidden";
		zonePanel.style.height = offH+"px";
		zoneHeight = 0;
	}
	else
	{
		zoneHeight = 100;
		zonePanel.style.height = 4+"px";
	}
	
	animationTimer2 = window.setTimeout("animateFrame2()", interval2);
}

function animateFrame2()
{
	var zonePanel = document.getElementById('zonePanel');
	if(zoneHeight < zonePanel.offsetHeight)
	{
		var step = (zonePanel.offsetHeight - zoneHeight)*animRate2;
		if(step < 1) step = 1;
		zonePanel.style.height = (zonePanel.offsetHeight - step) + "px";
		if(zonePanel.offsetHeight < zoneHeight)
			zonePanel.style.height = zoneHeight+"px";
			
		animationTimer2 = window.setTimeout("animateFrame2()", interval2);
	}
	else if(zoneHeight > zonePanel.offsetHeight)
	{
		var step = (zoneHeight - zonePanel.offsetHeight)*animRate2;
		if(step < 1) step = 1;
		zonePanel.style.height = (zonePanel.offsetHeight + step) + "px";
		if(zonePanel.offsetHeight > zoneHeight)
			zonePanel.style.height = zoneHeight+"px";
			
		animationTimer2 = window.setTimeout("animateFrame2()", interval2);
	}
	else
	{
		if(zonePanel.offsetHeight == 0)
			zonePanel.className = "zonePanelHidden"
		else
		{
			zonePanel.className = "zonePanelVisible";
			
		}

		animationTimer2 = 0;			
		zonePanel.style.height="";
	}
}