password_transform	= false;
username_transform	= false;
expanded			= false;

function field(obj, mode, type)
{
	if(type != 'password')
	{
		if(mode == 'focus')
		{
			if(!username_transform && obj == document.getElementById('login_username'))
			{
				obj.value = '';
				username_transform = true;
			}
			obj.parentNode.style.backgroundPosition = '0 -20px';
		}else{
			obj.parentNode.style.backgroundPosition = '0 0';
		}
	}else{
		if(mode == 'focus' && password_transform == false)
		{
			document.getElementById('password').innerHTML = '<input onfocus="field(this, \'focus\');" onblur="field(this, \'blur\');" type="password" name="login_password" id="login_password" value="" />';
			password_transform = true;
			setTimeout("document.getElementById('login_password').focus();", 10);
		}
	}
}

function expand()
{
	if(!expanded)
	{
		document.getElementById("login_expand").style.display = 'block';
		document.getElementById("login_button").style.backgroundPosition = '0 -180px';
		document.getElementById("login_button").blur();
		expanded = true;
	}else{
		document.getElementById("login_expand").style.display = 'none';
		document.getElementById("login_button").style.backgroundPosition = '0 0';
		document.getElementById("login_button").blur();
		expanded = false;
	}
}

function hover(pos)
{
	if(!expanded)
	{
		if(pos == 'over')
		{
			document.getElementById("login_button").style.backgroundPosition = '0 -90px';
		}else{
			document.getElementById("login_button").style.backgroundPosition = '0 0';
		}
	}
}

function validate()
{
	f = document.login_form;
	if(password_transform && username_transform && f.login_username.value.length > 3 && f.login_password.value.length > 3)
	{
		f.submit();
	}else{
		alert('Felaktiga inloggningsuppgifter!');
	}
}

function clear()
{
	field(document.getElementById('login_username'), 'focus', null);
	field(document.getElementById('login_password'), 'focus', 'password');
	setTimeout("document.getElementById('login_username').focus();", 10);
}

function keyPress(e)
{
	var keyEvent = (e) ? e : (window.event) ? window.event : null;
	if(keyEvent)
	{
		var key = (keyEvent.charCode) ? keyEvent.charCode: ((keyEvent.keyCode) ? keyEvent.keyCode: ((keyEvent.which) ? keyEvent.which : 0));
		if(key == 13)
		{
			f = document.login_form;
			if(password_transform && username_transform && f.login_username.value.length > 0 && f.login_password.value.length > 0)
				validate();
		}
	}
}
document.onkeydown = keyPress;