var nameDefVal = "Name";
var passwordDefVal = "Password";
var nameErrorVal = "Wrong name!";
var passwordErrorVal = "Wrong password!";
var errorTextCol = "#c4c214";
var textCol = "#fff";
var formClosed = true;

$(function() {
	
	$(".login_btn").click(function()
	{
		$(".submit_btn").removeAttr("disabled");
		$(".input_text").removeAttr("disabled");
		$(".cancel_btn").removeAttr("disabled");			
		$("#login_panel").animate({opacity: "1"}, "fast");
		return false;
	});
	$(".cancel_btn").click(function()
	{
		$(".submit_btn").attr("disabled","true");
		$(".input_text").attr("disabled","disabled");
		$(".cancel_btn").attr("disabled",true);		
		$("#login_panel").animate({opacity: "0"}, "normal");
		return false;
	});
	
	$(".submit_btn").click(function()
	{
		var nameString = $("#nameTextField").val();
		var passwordString = $("#passwordTextField").val();
		
		if(nameString != nameDefVal && passwordString != passwordDefVal)
		{
			$(".submit_btn").attr("disabled","true");
			$(".input_text").attr("disabled","disabled");
			$(".cancel_btn").attr("disabled",true);
			document.getElementById('submitButton').style.cursor = 'default';
			document.getElementById('resetButton').style.cursor = 'default';
			$("#login_panel").animate({opacity: "0.7"}, "normal");
			
			var dataString = 'username='+ nameString + '&password=' + passwordString;
			//alert (dataString);return false;
			
			$.ajax({
				type: "POST",
				url: "wp-content/themes/portfolio/bin/login.php",
				data: dataString,
				success: function(msg)
				{
					switch (msg)
					{
						case 'name':
							//alert("Wrong name is given!");
							document.getElementById('nameTextField').value = nameErrorVal;
							document.getElementById('nameTextField').type = "text";
							document.getElementById('nameTextField').style.color = errorTextCol;
							$(".submit_btn").removeAttr("disabled");
							$(".input_text").removeAttr("disabled");
							$(".cancel_btn").removeAttr("disabled");
							document.getElementById('submitButton').style.cursor = 'pointer';
							document.getElementById('resetButton').style.cursor = 'pointer';
						break;
						case 'password':
							//alert("Wrong password is given!");
							document.getElementById('passwordTextField').value = passwordErrorVal;
							document.getElementById('passwordTextField').type = "text";
							document.getElementById('passwordTextField').style.color = errorTextCol;
							$(".submit_btn").removeAttr("disabled");
							$(".input_text").removeAttr("disabled");
							$(".cancel_btn").removeAttr("disabled");
							document.getElementById('submitButton').style.cursor = 'pointer';
							document.getElementById('resetButton').style.cursor = 'pointer';
						break;
						case 'ok':
							$('#login_panel').html("<div id='login_panel_success'><p>You are in! All my works are displayed on the main page.</p><form name='login_form_success' method='post' action=''><input type='reset' name='ok' id='ok' value='Okay' onClick=location.href='index.php' style='margin-top:-5px;'></input></form></div>");
						break;
					}
					
					$("#login_panel").animate({opacity: "1"}, "fast");
					return false;
				}
			});
			return false;
		}
		else
		{
			if (nameString == nameDefVal)
			{
				document.getElementById('nameTextField').style.color = errorTextCol;
			}
			if(passwordString == passwordDefVal)
			{
				document.getElementById('passwordTextField').style.color = errorTextCol;
			}
			return false;
		}
		return false;
	});
});
runOnLoad(function(){
	document.getElementById('nameTextField').value = nameDefVal;
	document.getElementById('passwordTextField').value = passwordDefVal;
});

function closeForm()
{	
	document.getElementById('submitButton').style.cursor = 'default';
	document.getElementById('resetButton').style.cursor = 'default';
	formClosed = true;
}
function openForm()
{
	document.getElementById('submitButton').style.cursor = 'pointer';
	document.getElementById('resetButton').style.cursor = 'pointer';
	document.getElementById('nameTextField').value = nameDefVal;
	document.getElementById('nameTextField').style.color = textCol;
	document.getElementById('passwordTextField').value = passwordDefVal;
	document.getElementById('passwordTextField').type = "text";
	document.getElementById('passwordTextField').style.color = textCol;
	formClosed = false;
}
function nameFieldFocusIn()
{
	if(document.getElementById('nameTextField').value == nameDefVal)
	{
		document.getElementById('nameTextField').value = "";
	}
	document.getElementById('nameTextField').style.color = textCol;
}
function nameFieldFocusOut()
{
	if(document.getElementById('nameTextField').value == nameDefVal || document.getElementById('nameTextField').value == "")
	{
		document.getElementById('nameTextField').value = nameDefVal;
	}
}
function passwordFieldFocusIn()
{
	if(document.getElementById('passwordTextField').value == passwordDefVal)
	{
		document.getElementById('passwordTextField').value = "";
	}
	document.getElementById('passwordTextField').type = "password";
	document.getElementById('passwordTextField').style.color = textCol;
}
function passwordFieldFocusOut()
{
	if(document.getElementById('passwordTextField').value == passwordDefVal || document.getElementById('passwordTextField').value == "")
	{
		document.getElementById('passwordTextField').value = passwordDefVal;
		document.getElementById('passwordTextField').type = "text";
	}
}