$(document).ready(function(){
	$("#terugbellen").validate({
		onkeyup: false,
		onfocusout: false,
		
		rules: {
			naam: "required",
			nummer: "required"
		},
		
		messages: {
			naam: "",
			nummer: ""
		},
		
		highlight: function(element, errorClass) {
			$(element).attr("style", "border-color:#ff0000;");
 		},
		
		unhighlight: function(element, errorClass) {
			$(element).attr("style", "");
 		}
	});
	$("#terugbellenButton").click(function(){
		if($("#terugbellen").valid()){							   
			
			var naam, nummer, data;
			naam = $("#terugbellenNaam").val();
			nummer = $("#terugbellenNummer").val();
			data = "sender=terugbellen&naam=" + naam +"&nummer=" + nummer;
			
			$.ajax({
				//this is the php file that processes the data and send mail  
				url: "/php/mailer.php",   
				
				//GET method is used  
				type: "POST",  
				   
				//pass the data           
				data: data,       
						  
				//Do not cache the page  
				cache: false,  
				 
				//success  
				success: function (html) {                
					if(html != "")
						alert(html);
						
					$("#terugbellen input, #terugbellen label").fadeOut('slow', function(){
						$(".succes").fadeIn();																																 
					});
									
				}
				
			});
	
		}
	
	});
});