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

	$("#submit").click(function()
	{		
		$("input").css("border", "#c4c2ad solid 1px");
		
		var hasError = false;
		
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		var errorMsg = '<p id="msgs"> <span class="error"> Please check the highlighted field(s) </span> </p>';								
		
		//NAME		
		var nameVal = $("#name").val();
		if(nameVal == '')
		{
			$("#name").css("border", "#C02544 solid 1px");
			hasError = true;
		}
		
		//EMAIL
		var emailVal = $("#email").val();
		if(emailVal == '') 
		{
			$("#email").css("border", "#C02544 solid 1px");
			hasError = true;
		} 
		else if(!emailReg.test(emailVal)) 
		{	
			$("#email").css("border", "#C02544 solid 1px");
			hasError = true;
		}
		//PHONE
		var phoneVal = $("#phone").val();
				
		//Message
		var messageVal = $("#message").val();
		if(messageVal == '')
		{
			$("#message").css("border", "#C02544 solid 1px");
			hasError = true;
		}
		
		if(hasError == false)
		{		
			$.post
			(
			 	"php/contactemail.php",
   				{ name: nameVal, email: emailVal, phone: phoneVal, message:messageVal, id:"contact" },
   				function(data)
				{					
					if(data == "success=1")
					{									
						$("#submit").before('<p id="msgs"> <span class="success">Your message has been sent</span> </p>');
						$(".success").hide();
						$(".success").fadeIn('slow').animate({opacity: 1.0}, 4000).fadeOut('slow', function(){ $("#msgs").remove(); });
					}
					else
					{
						$("#submit").before('<p id="msgs"> <span class="error">Message not sent try again</span> </p>');
						$(".error").hide();
						$(".error").fadeIn('slow').animate({opacity: 1.0}, 4000).fadeOut('slow', function(){ $("#msgs").remove(); });				
					}			
   				}
			);
		}
		else
		{		
			$("#submit").before(errorMsg);
			$(".error").hide();
			$(".error").fadeIn('slow').animate({opacity: 1.0}, 4000).fadeOut('slow', function(){ $("#msgs").remove();});
		}
		
		return false;
	});						   
});