$(document).ready(function(){
	$(".error").hide();
	$("#submit").click(function(){
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

		var naam = $("#naam").val();
		var email = $("#email").val();
		var bericht = $("#bericht").val();
		var bedankt = '<h1>Success</h1><p>Uw bericht is verzonden en wordt zo snel mogelijk in behandeling genomen. Bedankt voor uw bericht.</p>';
		
		if(naam == '') {
			$("#naam").after('<br /><span class="error">Een naam invullen is verplicht.</span>');
			hasError = true;
		}

		if(email == '') {
			$("#email").after('<br /><span class="error">Een e-mailadres invullen is verplicht.</span>');
			hasError = true;
		} else if(!emailReg.test(email)) {
			$("#email").after('<br /><span class="error">Het e-mailadres is ongeldig.</span>');
			hasError = true;
		}
		
		if(bericht == '') {
			$("#bericht").after('<br /><span class="error">Een bericht invullen is verplicht.</span>');
			hasError = true;
		}


		if(hasError == false) {
			$(this).hide();
			$(this).after('<img src="img/loading.gif" alt="Bezig met laden..." id="loader" />');

			$.post("module/contact-verzenden.php",
			   { naam: naam, email: email, bericht: bericht },
			   	function(data){
			   		$("#loader").hide();
			   		$("#contactform").hide();
			   		$("#rightbox").html(bedankt);
				}
			);
		}

		return false;
	});
	
	// click portfolio
	$(".thumb").click(function(){
		var id = $(this).attr("id");
		var text = $(this).attr("rel");
		
        $('#bigimage').hide().attr("src", id).fadeIn('slow');
        $('#textholder').hide().html(text).fadeIn('slow');

	});

});