$(document).ready( function()
{
	$("#fldForgetEmail").blur(function()
	{
		var error = ValidateEmail("#fldForgetEmail");
		showError( error, "#fldForgetEmailError", "top" );
	});
	
	$("#spanForgetPassword").click( function()
	{
		$("#divLayoutForgetPasswordForm").animate({opacity: "toggle"} , "slow");
	});
	
	$("#buttonForgetPassword").click( function()
	{
		if( ValidateEmail("#fldForgetEmail") == "" )
		{
			$("#divLayoutBodyMain").fadeOut("slow", function()
			{
				$.ajax(
				{
					type: "POST",
					url: localhost + "/Registration/ForgetPassword",
					data: { email: $("#fldForgetEmail").val() },
					dataType: "html",
					success: function(html)
					{
						$("#divLayoutBodyMain").html(html).css("text-align" , "center").fadeIn("slow");
					}
				});
			});
			
			$("#fldForgetEmailError").fadeOut("slow", function()
			{
				$("#divLayoutForgetPasswordForm").fadeOut("slow" , function()
				{
					$("#fldForgetEmail").val("");
				});
			});
		}
	});
});

function ValidateEmail(element)
{
	var error = "";
	if( !Validate.now( Validate.Presence, $(element).val() ) )
	{
		error += "Must be filled in. <br />";
	}
	
	if( Validate.now( Validate.Presence, $(element).val()) && !Validate.now( Validate.Email, $(element).val() ) )
	{
		error += "Please enter a valid email address! <br />";
	}
	
	if( Validate.now( Validate.Presence, $(element).val()) && !Validate.now( Validate.Length, $(element).val(), { minimum: 4, maximum: 50 } ) )
	{
		error += "Please limit to 4-50 characters";
	}
	return error;
}

function showError( error, element, position )
{
	if( error != "" )
	{
		var errorclass = "error";
	}
	else
	{
		error = "Valid!";
		var errorclass = "noterror";
	}
	
	var elementParent = element.replace("Error" , "");
	
	$(element).fadeOut("slow", function()
	{
		$(this).html(error).css("width" , "auto").removeClass().addClass(errorclass).addClass("errorbox");
		var left = $(elementParent).position().left;
		var top = $(elementParent).position().top;
		if( position == "bottom" )
		{
			var errorleft = left + 10;
			var errortop = top + $(elementParent).height() + 10;
		}
		else if( position == "top" )
		{
			var errorleft = left;
			var errortop = top - $(this).height() - 10;
		}
		else
		{
			var errorleft = left + $(elementParent).width() + 10;
			var errortop = top;
		}
		$(this).css("top", errortop).css("left" , errorleft).fadeIn("slow");
	});
}