$(function(){
	$('#contactSubmit').click(function(){
		var name = $('input#contactName').val();
		var email = $('input#contactEmail').val();
		var phone = $('input#contactPhone').val();
		var contactBy = $('select#contactBy').val();
		var about = $('select#contactAbout').val();
		var comments = $('textarea#contactComments').val();
		var filter = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
		
		if ((name == '')){
			$("input#contactName").addClass("emailError").fadeIn(1500);
			$("input#contactName").attr("value", "Please enter your name").attr("style", "padding-left: 18px;"); 
			$("input#contactName").focus();
			return false;	
		}
		
		if ((email == '') || (!filter.test(email))){
			$("input#contactEmail").addClass("emailError").fadeIn(1500);
			$("input#contactEmail").attr("value", "Please enter a valid email").attr("style", "padding-left: 18px;"); 
			$("input#contactEmail").focus();
			return false;	
		}
		var dataString = 'name=' + name + '&email=' + email + '&phone=' + phone + '&contactBy=' + contactBy + '&about=' + about + '&comments=' + comments;
		//this send the info after validation is successful
		$.ajax({
			type: "POST",
			url: "inc/contact.php",
			data: dataString,
			success: function() {
				$('#contact').html("<div id='contactMessage'></div>");
				$('#contactMessage').html("<h2>Thank you!</h2>")
				.append("<p>We will be in touch soon</p>")
				.hide()
				.fadeIn(1500);
			}
		});
		return false;
		
		
	});
	
	$('#contactName').click(function(){
		$("input#contactName").removeClass('emailError');
		$("input#contactName").addClass("subscribeEmail");
		$('input#contactName').attr('value', '');
	});
	$('#contactEmail').click(function(){
		$("input#contactEmail").removeClass('emailError');
		$("input#contactEmail").addClass("subscribeEmail");
		$('input#contactEmail').attr('value', '');
	});
});