var targetHeight = 4;
var animRate = 0.3;
var interval = 20;
var animationTimer = 0;

function toggleSignupForm()
{
	if(animationTimer != 0) return;
	
	var signupForm = document.getElementById("signupForm");
	//alert(signupForm.className);
	if(signupForm.className == "clientSignupBlock")
	{
		var offH = signupForm.offsetHeight;
		signupForm.className = "clientSignupBlockHidden";
		signupForm.style.height = offH+"px";
		targetHeight = 4;
	}
	else
	{
		signupForm.className = "clientLoginBlock";
		targetHeight = signupForm.offsetHeight;
		targetHeight = 46;
		signupForm.style.height = 4+"px";
	}
	
	animationTimer = window.setTimeout("animateSignupFrame()", interval);
}

function animateSignupFrame()
{
	var signupForm = document.getElementById("signupForm");
	if(targetHeight < signupForm.offsetHeight)
	{
		var step = (signupForm.offsetHeight - targetHeight)*animRate;
		if(step < 1) step = 1;
		signupForm.style.height = (signupForm.offsetHeight - step) + "px";
		if(signupForm.offsetHeight < targetHeight)
			signupForm.style.height = targetHeight+"px";
			
		animationTimer = window.setTimeout("animateSignupFrame()", interval);
	}
	else if(targetHeight > signupForm.offsetHeight)
	{
		var step = (targetHeight - signupForm.offsetHeight)*animRate;
		if(step < 1) step = 1;
		signupForm.style.height = (signupForm.offsetHeight + step) + "px";
		if(signupForm.offsetHeight > targetHeight)
			signupForm.style.height = targetHeight+"px";
			
		animationTimer = window.setTimeout("animateSignupFrame()", interval);
	}
	else
	{
		if(signupForm.offsetHeight == 4)
			signupForm.className = "clientSignupBlockHidden"
		else
		{
			signupForm.className = "clientSignupBlock";
			document.getElementById("txtPromoCode").focus();
		}

		animationTimer = 0;			
		signupForm.style.height="";
	}
}