// prepare the form when the DOM is ready 
$(document).ready(function() {
	
	$('#loginname').keyup(function(e) {
		if (e.keyCode == 13) {
			$('#form').submit();
		}
	});
	
	$('#password').keyup(function(e) {
		if (e.keyCode == 13) {
			$('#form').submit();
		}
	});
	
	$('a[rel=sign]').click(function(e) {
		e.preventDefault();
		$('#form').submit();
	});
	
    // bind form using ajaxForm 
    $('#forgotform').ajaxForm({ 
        // dataType identifies the expected content type of the server response 
        dataType:  'json', 
 		
		//clearForm: true,        // clear all form fields after successful submit
		
        // success identifies the function to invoke when the server response 
        // has been received 
        success:   processJson,
		
		// $.ajax options can be used here too, for example: 
        timeout:   3000
    });
	
    $('#form').submit(function(e) {
		var valid = true;
        $('#loginname').css('border', '');
		$('#password').css('border', '');
		if ($('#loginname').val().length == 0)
		{
			$('#loginname').css('border', 'dotted 1px #D4040A');
			$('#loginname').focus();
			valid = false;
		}
		if ($('#password').val().length == 0)
		{
			$('#password').css('border', 'dotted 1px #D4040A');
			$('#password').focus();
			valid = false;
		}
		if (valid)
		{
			$.post("/sign.php", {loginname: $('#loginname').val(), password: $('#password').val(), remember: $("#remember").is(':checked'), quick: true}, 
				function(data)
				{
					if (data != 'OK')
					{
						$('#loginname').css('color','#D4040A');
						$('#password').css('color','#D4040A');
						alert('Sign in error: \nincorrect credentials or not confirmed account');
						return false;
					}		
					$('#form').unbind('submit');
					$('#form').submit();
				}
			);
		}
		return false;
    });
});

// post-submit callback 
function processJson(data)  {
	$('#message').html(data.message);
	$('#message').removeClass().addClass(data.cssclass);
	if (data.cssclass == 'okay')
	{
		$('#forgotform').resetForm();
		$(this).delay(10000,function(){
			$('#forgotlogin').fadeOut(1000);
		});
	}
}