$(document).ready(function() {
	$current_login_btn_status = false;
	$input_username = $("#login_box input[name=username]");
	$input_password = $("#login_box input[name=password]");
	$login_btn_disabled = $("#login_box .login_btn_disabled");
	$login_btn = $("#login_box input[type=submit]");
	$login_errors = $("#login_box .login_errors");
	
	$("#login_box input").keyup(function(){
		process_login_btn();
	});
	$("#login_form").submit(function(){
		if($username_length < 4)
		{
			$login_errors.html("Username length must be longer than 4.");
			return false;
		}
		else if($password_length < 6)
		{
			$login_errors.html("Password length must be longer than 4.");
			return false;
		}
		$login_errors.html("Login.....");
		$.ajax({
			data: "username=" + $input_username.val() + "&password=" + $input_password.val(),
			url: $(this).attr("action"),
			type: $(this).attr("method"),
			dataType: 'json',
			success: function(data) {
				if(data['result'] == 'false')
				{
					$login_errors.html(data['error']);
				}
				else if(data['result'] == 'true')
				{
					location.reload(true);
					// login success
				}
			}
		});
		return false;
	});
});

function process_login_btn()
{
	$username_length = $input_username.val().length;
	$password_length = $input_password.val().length;

	if( ($username_length == 0 || $password_length == 0) && $current_login_btn_status == true)
	{
		$login_btn.hide();
		$login_btn_disabled.show();
		$current_login_btn_status = false;
	}
	else if( ($username_length != 0 && $password_length != 0) && $current_login_btn_status == false)
	{
		$login_btn_disabled.hide();
		$login_btn.show();
		$current_login_btn_status = true;
	}
}