$(document).ready(function() {	
	
	$.metadata.setType("attr", "validate");
	
	$("#loadForm").fancybox({
		'titlePosition'		: 'inside',
		'transitionIn'		: 'none',
		'transitionOut'		: 'none'
	});	
	
	$("#mail").validate();
	
	$("#sendMail").click(
			function()
			{			
				if($("#mail").valid())
				{
					 $('#mailform').hide();
					 $('#spinner').show();
					 
					 var voorletters = $('#voorletters').val();
	                 var naam = $('#naam').val();
	                 var straat = $('#straat').val();
	                 var postcode = $('#postcode').val();
	                 var woonplaats = $('#woonplaats').val();
	                 var telefoonnummer = $('#telefoonnummer').val();
	                 var email = $('#email').val();
	                 var select = "";
	                 
	                 $.each($("input[name='select[]']:checked"), function() { 
	                	 select += $(this).val() + "|";	                	 
	                	});  
	                 
	                 var Today = new Date();

	                 
	                 var query = "voorletters=" + voorletters + "&naam=" + naam + "&straat=" + straat + "&postcode=" + postcode + "&woonplaats=" + woonplaats + "&telefoonnummer=" + telefoonnummer + "&email=" + email + "&select=" + select + "&random=" + Today.getMilliseconds();
	                 	                 
	                 $.ajax({
	                        type: "GET",
	                        dataType: "text",
	                        url: "php/sendmail.php",
	                        data: query,
	                        success: function (msg) {
	                	 		
	                	 		$('#spinner').hide();
	                	 		$('#thanks').show();
	                	 		//$('#thanks').html(msg);
	                	 
	                 		}	                 
	                 });
	                
				}
			}
	);
});