// JavaScript Document

$(document).ready(function() {
										   
	
	function isValidEmailAddress(emailAddress) {
 		var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
 		return pattern.test(emailAddress);
	}

	
		$('.check-email').each(function() {
			var default_value = this.value;
			$(this).focus(function() {
				if(this.value == default_value) {
					this.value = '';
				}
			});
			$(this).blur(function() {
				if(this.value == '') {
					this.value = default_value;
				}
			});
		});
		
		var goo = false;
		
		$("#email").keyup(function(){
		
			var email = $("#email").val();
		
			if(email != 0)
			{
				if(isValidEmailAddress(email))
				{
					goo = true;
					$("#email").css({
						"border": "1px solid green"
					});
				} else {
					goo = false;
					$("#email").css({
						"border": "1px solid red"
					});
				}
			} else {
				$("#email").css({
					"border": "1px solid #B7B7B7"
				});			
			}
		
		});
		
		$("#email").blur(function(){
		
			var email = $("#email").val();
		
			if(email != 0)
			{
				if(isValidEmailAddress(email))
				{
					goo = true;
					$("#email").css({
						"border": "1px solid green"
					});
				} else {
					goo = false;
					$("#email").css({
						"border": "1px solid red"
					});
				}
			} else {
				$("#email").css({
					"border": "1px solid #B7B7B7"
				});			
			}
		
		});
		
		$("#naam").blur(function(){
		
			var naam = $("#naam").val();
		
			if(naam != "")
			{
				$("#naam").css({
					"border": "1px solid green"
				});
						
			}
		
		});
		
		$("#submit").click(function() {
										
			var naam = $("#naam").val();
			var email = $("#email").val();
			
			if(naam == "")
			{
				$("#naam").css({
					"border": "1px solid red"
				});
				
				$("#errorMessage").css({
					"display": "block"
				});
			}
			
			if(naam != "")
			{
				$("#naam").css({
					"border": "1px solid green"
				});
			}
			
			if(email == "")
			{
				$("#email").css({
					"border": "1px solid red"
				});
				
				$("#errorMessage").css({
					"display": "block"
				});
			}
			
			if(goo == false)
			{
				$("#email").css({
					"border": "1px solid red"
				});	
				
				$("#errorMessage").css({
					"display": "block"
				});
			}

			if(email != "" && naam != "" && goo == true)
			{
				
				$("#errorMessage").css({
					"display": "none"
				});
				
				$("#naam").css({
					"border": "1px solid green"
				});
				
				$("#email").css({
					"border": "1px solid green"
				});
				
				//define ajax config object
				var ajaxOpts = {
					type: "post",
					url: "contactverwerken.php",
					data: 	"&naam=" + $("input#naam").val() + 
							"&telefoon=" + $("input#telefoon").val() + 
							"&email=" + $("input#email").val() + 
							"&bericht=" + $("textarea#bericht").val(),
					
					success: function(data) {
					
						data = ""+data+"";		
						data = data.replace(/ /g,'');

						$("#succesMessage").css({
							"display": "block"
						});
						
						$("input#naam").val('');
						$("input#telefoon").val('');
						$("input#email").val('');
						$("textarea#bericht").val('');
						
						$("#naam").css({
						"border": "1px solid #B7B7B7"
						});
						
						$("#email").css({
						"border": "1px solid #B7B7B7"
						});
						
					}
				};
				
				$.ajax(ajaxOpts);
				
			}
			
			return false;
										 
			});

		
	});