$(document).ready(function() {
	
	/////////////////////////////////////////////////
	//! Email
	////////////////////////////////////////////////

	$("#name").focus(function(){
		var nameVal = $("#name").val();
		if(nameVal == 'please enter name'){
			$(this).val('');
		}
	});
	
	$("#name").blur(function(){
		var nameVal = $("#name").val();
		if(nameVal == ''){
			$(this).val('please enter name');
		}
	});
	
	$("#email").focus(function(){
		var emailVal = $("#email").val();
		if(emailVal == 'please enter email' || emailVal == 'please enter a valid email address'){
			$(this).val('');
		}
	});
	
	$("#email").blur(function(){
		var emailVal = $("#email").val();
		if(emailVal == ''){
			$(this).val('please enter email');
		}
	});
	
	$("#message").focus(function(){
		var messageVal = $("#message").val();
		if(messageVal == 'please enter message'){
			$(this).val('');
		}
	});
	
	$("#message").blur(function(){
		var messageVal = $("#message").val();
		if(messageVal == ''){
			$(this).val('please enter message');
		}
	});
			
	$("#submitcontact").click(function(){					   				   
		
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		
		var nameVal = $("#name").val();
		if(nameVal == '' || nameVal == 'please enter name') {
			$("#name").val('please enter name');
			$("#name").effect("highlight", {color:"#999999"}, 800);
			hasError = true;
		}
		
		var emailFromVal = $("#email").val();
		if(emailFromVal == '' || emailFromVal == 'please enter your email address') {
			$("#email").val('please enter email');
			$("#email").effect("highlight", {color:"#999999"}, 800);
			hasError = true;
		} else if(!emailReg.test(emailFromVal) || emailFromVal == 'please enter a valid email address') {	
			$("#email").val('please enter a valid email address');
			$("#email").effect("highlight", {color:"#999999"}, 800);
			hasError = true;
		}
		
		var messageVal = $("#message").val();
		if(messageVal == '' || messageVal == 'please enter message') {
			$("#message").val('please enter message');
			$("#message").effect("highlight", {color:"#999999"}, 800);			
			hasError = true;
		}
		
		if(hasError == false) {
		$("p.thanks").html('');
			
			$.post("/sendemail.php",
   				{ name: nameVal, email: emailFromVal, message: messageVal },
   					function(data){			   
							$("p.thanks").html('Thanks, your email has been sent. <br />We will get back to you shortly.');
							$("#name").val('');	
							$("#email").val('');		
							$("#message").val('');										
   					}
				 );
		}
		
		return false;
	});
	
});
