var loginbox_visible = false;
var timeout = null;
function callback() {
	if(loginbox_visible)
	{
		var el_username = document.getElementById("loginbox_username");
		var el_password = document.getElementById("loginbox_password");
		if(el_username != null && el_username.value == '' && el_password != null && el_password.value == '')
		{
			$("#loginbox").hide("slide", { direction: "up" }, 300);
			loginbox_visible = false;
		}
		else
			timeout = setTimeout("callback()", 2000);
	}
	else
	{
		clearTimeout(timeout);
	}
};

$(function() {
	function runEffect(){
		clearTimeout(timeout);
		if(!loginbox_visible)
		{
			var selectedEffect = 'slide';
			var options = {direction: 'up'};
			$("#loginbox").show(selectedEffect,options,300,callback);
		}
		else
		{
			$("#loginbox").hide("slide", { direction: "up" }, 300);
			loginbox_visible = false;
		}
	};

	function callback() {
		loginbox_visible = true;
		timeout = setTimeout("callback()", 4000);
		document.getElementById("loginbox_username").focus();
	};
		
	$("#loginbox_button").click(function() {
		runEffect();
		return false;
	});

	$("#loginbox_closebutton").click(function () {
		$("#loginbox").hide("slide", { direction: "up" }, 300);
		loginbox_visible = false;
		clearTimeout(timeout);
	});

	$("#loginbox_username").click(function () {
		clearTimeout(timeout);
		timeout = setTimeout("callback()", 5000);
	});

	$("#loginbox_password").click(function () {
		clearTimeout(timeout);
		timeout = setTimeout("callback()", 5000);
	});

	$("#loginbox").hide();
});