$(document).ready(function(){
	$("#submit").click(function(){					   				   
		$(".error").hide();
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		var phoneReg = /^\d{3}\-\d{3}\-\d{4}$/

		/*var emailToVal = $("#emailTo").val();
		if(emailToVal == '') {
			$("#emailTo").after('<span class="error">You forgot to enter the email address to send to.</span>');
			hasError = true;
		} else if(!emailReg.test(emailToVal)) {	
			$("#emailTo").after('<span class="error">Enter a valid email address to send to.</span>');
			hasError = true;
		}*/
		
		var emailFromVal = $("#emailFrom").val();
		if(emailFromVal == '') {
			$("#emailFrom").css({ backgroundColor:"red"});
			hasError = true;
		} else if(!emailReg.test(emailFromVal)) {	
			$("#emailFrom").css({ backgroundColor:"red"});
			hasError = true;
		} 
			
		var phoneVal = $("#phone").val();
		if(phoneVal == '') {
			$("#phone").css({ backgroundColor:"red"});
			hasError = true;
		} else if(!phoneReg.test(phoneVal)) {	
			$("#phone").css({ backgroundColor:"red"});
			hasError = true;
		} //else
			//$("#phone").css({ backgroundColor:"white"});


		var nameVal = $("#name").val();
		if(nameVal == '') {
			$("#name").css({ backgroundColor:"red"});
			hasError = true;
		} //else
			//$("#name").css({ backgroundColor:"white"});


	
	
		messageVal = $("#message").val();
		//$("#sendEmail li.buttons").append(messageVal);
		messageVal = messageVal.replace(/\n/g,'<br />');
		//alert("Data Loaded: " + messageVal);

		if(messageVal == '') {
			$("#message").css({ backgroundColor:"red"});
			hasError = true;
		} //else
			//$("#message").css({ backgroundColor:"false"});
		
		if(hasError == false) {
			$(this).hide();
			$("#sendEmail li.buttons").append('<img src="../images/loading.gif" alt="Loading" id="loading" />Please Wait ..');
			
			//$.post("test.php", function(data){
  //alert("Data Loaded: " + data);
//});

			
			$.post("../sendemail.php",
   				{ name: nameVal, emailFrom: emailFromVal, phone: phoneVal, message: messageVal },
   					function(data){
						$("#sendEmail").slideUp("normal", function() {	

$("#sendEmail li.name").before('<li style="height:285px">Thank you for contacting us! <br />We will get back to you soon.</li>');
$("#sendEmail li.name").hide('fast');							
$("#sendEmail li.nameinput").hide('fast');
							$("#sendEmail li.buttons").hide('fast');

								
							$("#sendEmail").slideDown("slow");
							return false;	
						});
   					}
				 );
		}
		
		return false;
	});						   
});