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

function toggleLoginForm()
{
	if(animationTimer != 0) return;
	
	var loginForm = document.getElementById("loginForm");
	
	if(loginForm.className == "clientLoginBlock")
	{
		var offH = loginForm.offsetHeight;
		loginForm.className = "clientLoginBlockHidden";
		loginForm.style.height = offH+"px";
		targetHeight = 4;
	}
	else
	{
		//loginForm.className = "clientLoginBlock";
		targetHeight = loginForm.offsetHeight;
		targetHeight = 46;
		loginForm.style.height = 4+"px";
	}
	
	animationTimer = window.setTimeout("animateFrame()", interval);
}

function animateFrame()
{
	var loginForm = document.getElementById("loginForm");
	if(targetHeight < loginForm.offsetHeight)
	{
		var step = (loginForm.offsetHeight - targetHeight)*animRate;
		if(step < 1) step = 1;
		loginForm.style.height = (loginForm.offsetHeight - step) + "px";
		if(loginForm.offsetHeight < targetHeight)
			loginForm.style.height = targetHeight+"px";
			
		animationTimer = window.setTimeout("animateFrame()", interval);
	}
	else if(targetHeight > loginForm.offsetHeight)
	{
		var step = (targetHeight - loginForm.offsetHeight)*animRate;
		if(step < 1) step = 1;
		loginForm.style.height = (loginForm.offsetHeight + step) + "px";
		if(loginForm.offsetHeight > targetHeight)
			loginForm.style.height = targetHeight+"px";
			
		animationTimer = window.setTimeout("animateFrame()", interval);
	}
	else
	{
		if(loginForm.offsetHeight == 4)
			loginForm.className = "clientLoginBlockHidden"
		else
		{
			loginForm.className = "clientLoginBlock";
			document.getElementById("usernameBox").focus();
		}

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

var target2Height = 4;
var anim2Rate = 0.3;
var interval2 = 20;
var animation2Timer = 0;

function toggleLogin2Form()
{
	if(animation2Timer != 0) return;
	
	var login2Form = document.getElementById("login2Form");
	
	if(login2Form.className == "clientLogin2Block")
	{
		var offH = login2Form.offsetHeight;
		login2Form.className = "clientLogin2BlockHidden";
		login2Form.style.height = offH+"px";
		target2Height = 4;
	}
	else
	{
		//login2Form.className = "clientLogin2Block";
		target2Height = login2Form.offsetHeight;
		target2Height = 46;
		login2Form.style.height = 4+"px";
	}
	
	animation2Timer = window.setTimeout("animate2Frame()", interval2);
}

function animate2Frame()
{
	var login2Form = document.getElementById("login2Form");
	if(target2Height < login2Form.offsetHeight)
	{
		var step = (login2Form.offsetHeight - target2Height)*anim2Rate;
		if(step < 1) step = 1;
		login2Form.style.height = (login2Form.offsetHeight - step) + "px";
		if(login2Form.offsetHeight < target2Height)
			login2Form.style.height = target2Height+"px";
			
		animation2Timer = window.setTimeout("animate2Frame()", interval2);
	}
	else if(target2Height > login2Form.offsetHeight)
	{
		var step = (target2Height - login2Form.offsetHeight)*anim2Rate;
		if(step < 1) step = 1;
		login2Form.style.height = (login2Form.offsetHeight + step) + "px";
		if(login2Form.offsetHeight > target2Height)
			login2Form.style.height = target2Height+"px";
			
		animation2Timer = window.setTimeout("animate2Frame()", interval2);
	}
	else
	{
		if(login2Form.offsetHeight == 4)
			login2Form.className = "clientLogin2BlockHidden"
		else
		{
			login2Form.className = "clientLogin2Block";
			document.getElementById("username2Box").focus();
		}

		animation2Timer = 0;			
		login2Form.style.height="";
	}
}