/**
 * Index.js
 */
$(document).ready(function(){
	/** Login formulier **/
	$("#gebruikersnaam_top").addClass("grijs");
	$("#gebruikersnaam_top").focus(function(){
		if ($("#gebruikersnaam_top").val() == "gebruikersnaam")
		{
			$("#gebruikersnaam_top").val("");
			$("#gebruikersnaam_top").removeClass("grijs");
		}
	});
	$("#gebruikersnaam_top").blur(function(){
		if ($("#gebruikersnaam_top").val() == "")
		{
			$("#gebruikersnaam_top").val("gebruikersnaam");
			$("#gebruikersnaam_top").addClass("grijs");
		}
	});

	$("#wachtwoord_top").focus(function(){
		if ($("#wachtwoord_top").val() == "wachtwoord")
		{
			$("#wachtwoord_top").val("");
			$("#wachtwoord_top").removeClass("grijs");
		}
	});
	$("#wachtwoord_top").blur(function(){
		if ($("#wachtwoord_top").val() == "")
		{
			$("#wachtwoord_top").val("wachtwoord");
			$("#wachtwoord_top").addClass("grijs");
		}
	});

	/** Alle labels verwijderen, want dat ziet er niet uit **/
	$("div.register div.midden label").hide();

	/** Velden opmaken en standaard waarden plaatsen en verwijderen wanneer nodig **/
	/** Email adres **/
	if ($("div.register div.midden ul li input#email").val() == "")
	{
		$("div.register div.midden ul li input#email").val("email adres");
		$("div.register div.midden ul li input#email").addClass('grijs');
	}
	$("div.register div.midden ul li input#email").focus(function(){
		if ($("div.register div.midden ul li input#email").val() == "email adres")
		{
			$("div.register div.midden ul li input#email").val("");
			$("div.register div.midden ul li input#email").removeClass('grijs');
		}
	});
	$("div.register div.midden ul li input#email").blur(function(){
		if ($("div.register div.midden ul li input#email").val() == "")
		{
			$("div.register div.midden ul li input#email").val("email adres");
			$("div.register div.midden ul li input#email").addClass('grijs');
		}
	});

	/** Voornaam **/
	if ($("div.register div.midden ul li input#voornaam").val() == "")
	{
		$("div.register div.midden ul li input#voornaam").val("voornaam");
		$("div.register div.midden ul li input#voornaam").addClass('grijs');
	}
	$("div.register div.midden ul li input#voornaam").focus(function(){
		if ($("div.register div.midden ul li input#voornaam").val() == "voornaam")
		{
			$("div.register div.midden ul li input#voornaam").val("");
			$("div.register div.midden ul li input#voornaam").removeClass('grijs');
		}
	});
	$("div.register div.midden ul li input#voornaam").blur(function(){
		if ($("div.register div.midden ul li input#voornaam").val() == "")
		{
			$("div.register div.midden ul li input#voornaam").val("voornaam");
			$("div.register div.midden ul li input#voornaam").addClass('grijs');
		}
	});

	/** Tussenvoegsel **/
	if ($("div.register div.midden ul li input#tussenvoegsel").val() == "")
	{
		$("div.register div.midden ul li input#tussenvoegsel").val("tussenvoegsel");
		$("div.register div.midden ul li input#tussenvoegsel").addClass('grijs');
	}
	$("div.register div.midden ul li input#tussenvoegsel").focus(function(){
		if ($("div.register div.midden ul li input#tussenvoegsel").val() == "tussenvoegsel")
		{
			$("div.register div.midden ul li input#tussenvoegsel").val("");
			$("div.register div.midden ul li input#tussenvoegsel").removeClass('grijs');
		}
	});
	$("div.register div.midden ul li input#tussenvoegsel").blur(function(){
		if ($("div.register div.midden ul li input#tussenvoegsel").val() == "")
		{
			$("div.register div.midden ul li input#tussenvoegsel").val("tussenvoegsel");
			$("div.register div.midden ul li input#tussenvoegsel").addClass('grijs');
		}
	});

	/** Achternaam **/
	if ($("div.register div.midden ul li input#achternaam").val() == "")
	{
		$("div.register div.midden ul li input#achternaam").val("achternaam");
		$("div.register div.midden ul li input#achternaam").addClass('grijs');
	}
	$("div.register div.midden ul li input#achternaam").focus(function(){
		if ($("div.register div.midden ul li input#achternaam").val() == "achternaam")
		{
			$("div.register div.midden ul li input#achternaam").val("");
			$("div.register div.midden ul li input#achternaam").removeClass('grijs');
		}
	});
	$("div.register div.midden ul li input#achternaam").blur(function(){
		if ($("div.register div.midden ul li input#achternaam").val() == "")
		{
			$("div.register div.midden ul li input#achternaam").val("achternaam");
			$("div.register div.midden ul li input#achternaam").addClass('grijs');
		}
	});

	/** Postcode **/
	if ($("div.register div.midden ul li input#postcode").val() == "")
	{
		$("div.register div.midden ul li input#postcode").val("postcode");
		$("div.register div.midden ul li input#postcode").addClass('grijs');
	}
	$("div.register div.midden ul li input#postcode").focus(function(){
		if ($("div.register div.midden ul li input#postcode").val() == "postcode")
		{
			$("div.register div.midden ul li input#postcode").val("");
			$("div.register div.midden ul li input#postcode").removeClass('grijs');
		}
	});
	$("div.register div.midden ul li input#postcode").blur(function(){
		if ($("div.register div.midden ul li input#postcode").val() == "")
		{
			$("div.register div.midden ul li input#postcode").val("postcode");
			$("div.register div.midden ul li input#postcode").addClass('grijs');
		}
	});

	/** Huisnummer **/
	if ($("div.register div.midden ul li input#huisnummer").val() == "")
	{
		$("div.register div.midden ul li input#huisnummer").val("huisnummer");
		$("div.register div.midden ul li input#huisnummer").addClass('grijs');
	}
	$("div.register div.midden ul li input#huisnummer").focus(function(){
		if ($("div.register div.midden ul li input#huisnummer").val() == "huisnummer")
		{
			$("div.register div.midden ul li input#huisnummer").val("");
			$("div.register div.midden ul li input#huisnummer").removeClass('grijs');
		}
	});
	$("div.register div.midden ul li input#huisnummer").blur(function(){
		if ($("div.register div.midden ul li input#huisnummer").val() == "")
		{
			$("div.register div.midden ul li input#huisnummer").val("huisnummer");
			$("div.register div.midden ul li input#huisnummer").addClass('grijs');
		}
	});

	/** Submit van het fomulier opvangen **/
	$("#register_index").submit(function(e){
		var errorFound = false;

		/** Ingevulde waardes controleren **/
		if ($("div.register div.midden ul li input#email").val() == "" || $("div.register div.midden ul li input#email").val() == "email adres")
		{
			$("div.register div.midden ul li input#email").addClass('error');
			errorFound = true;
		}
		else
		{
			$("div.register div.midden ul li input#email").removeClass('error');
		}

		if ($("div.register div.midden ul li input#voornaam").val() == "" || $("div.register div.midden ul li input#voornaam").val() == "voornaam")
		{
			$("div.register div.midden ul li input#voornaam").addClass('error');
			errorFound = true;
		}
		else
		{
			$("div.register div.midden ul li input#voornaam").removeClass('error');
		}

		if ($("div.register div.midden ul li input#achternaam").val() == "" || $("div.register div.midden ul li input#achternaam").val() == "achternaam")
		{
			$("div.register div.midden ul li input#achternaam").addClass('error');
			errorFound = true;
		}
		else
		{
			$("div.register div.midden ul li input#achternaam").removeClass('error');
		}

		if ($("div.register div.midden ul li input#postcode").val() == "" || $("div.register div.midden ul li input#postcode").val() == "postcode")
		{
			$("div.register div.midden ul li input#postcode").addClass('error');
			errorFound = true;
		}
		else
		{
			$("div.register div.midden ul li input#postcode").removeClass('error');
		}

		if ($("div.register div.midden ul li input#huisnummer").val() == "" || $("div.register div.midden ul li input#huisnummer").val() == "huisnummer")
		{
			$("div.register div.midden ul li input#huisnummer").addClass('error');
			errorFound = true;
		}
		else
		{
			$("div.register div.midden ul li input#huisnummer").removeClass('error');
		}

		if (!$('#voorwaarden').is(':checked'))
		{
			$('#voorwaarden_tekst').addClass('error');
			errorFound = true;
		}
		else
		{
			$('#voorwaarden_tekst').removeClass('error');
		}

		if (errorFound)
		{
			e.preventDefault();
			return false;
		}
		else
		{
			/*$("div.register div.midden").children().hide();
			var email = $("div.register div.midden ul li input#email").val();
			$("div.register div.midden").html('<p>U bent met succes aangemeld bij Doublepoints! Er is een email gestuurd naar '+email+' met daarin uw gebruikersnaam en wachtwoord en verdere instructies. Om uw aanmelding te voltooien dient u de instructies in deze email te volgen.</p>');*/
			return true;
		}
	});
});