$(document).ready(function() {
	$("#sendMailButton").attr("disabled", "disabled");
	
	$("#name").keyup(validate);
	$("#email").keyup(validate);
	$("#subject").keyup(validate);
	$("#reaction").keyup(validate);
	
	// zet wat er moet gebeuren op de click van de form button
	$("#sendMailButton").click(function() { 
		if(formIsFilled())
		{
			// disabled het formulier tijdens de call
			$("#sendMailButton").attr("disabled", "disabled");
			$("#name").attr("disabled", "disabled");
			$("#email").attr("disabled", "disabled");
			$("#subject").attr("disabled", "disabled");
			$("#reaction").attr("disabled", "disabled");
			$.ajax({
				type: "POST",
				// De plaats van het php bestandje, waarschijnlijk iets van http://smosblog.be/mail.php of iets 
				// TODO: Verander plaats naar waar de php staat
				url: "http://www.smosblog.be/wp-content/themes/smosblog/mail.php",
				data: "Name=" + $("#name").val() + "&E-mail=" + $("#email").val() + "&Subject=" + $("#subject").val() + "&Reaction=" + $("#reaction").val(),
				success: function(msg)
				{
					var successDto = JSON.parse(msg);
					if(successDto.isSuccessfull)
					{
						$("#status").text("Uw mail is verzonden.");
					}
					else
					{
						$("#status").text("Er ging iets mis tijdens het verzenden van uw mail.");
					}
					$("#sendMailButton").removeAttr("disabled");
					// Reset form value en enabled alle elementen
					$("#name").val("").removeAttr("disabled");
					$("#email").val("").removeAttr("disabled");
					$("#subject").val("").removeAttr("disabled");
					$("#reaction").val("").removeAttr("disabled");	
					validate();
				},
				// vangt de errors op die gebeuren tijdens de ajax call
				error: function(msg)
				{
					$("#status").text("Er ging iets mis tijdens het verzenden van uw mail.");
					
					$("#sendMailButton").removeAttr("disabled");
					// Reset form value en enabled alle elementen
					$("#name").val("").removeAttr("disabled");
					$("#email").val("").removeAttr("disabled");
					$("#subject").val("").removeAttr("disabled");
					$("#reaction").val("").removeAttr("disabled");	
					validate();
				}
			});
		}
		else
		{
			$("#status").text("Gelieve alle velden in te vullen.");
		}
	});
})

function formIsFilled()
{
	return ($("#name").val() != "" && $("#email").val() != "" && $("#subject").val() != "" && $("#reaction").val() != "");
}

function validate()
{
	if($("#name").val() != "" && $("#email").val() != "" && $("#subject").val() != "" && $("#reaction").val() != "")
	{
		$("#sendMailButton").val("").removeAttr("disabled");		
	}
	else
	{
		$("#sendMailButton").attr("disabled", "disabled");
	}
}