$(document).ready(function() {
	
	$('.error').hide();
	$("#submit").click(function() {
	// validate and process form here
	
		  $('.error').hide();
		  var name = $("input#name").val();
			if (name == "") {
			$('.error').html('Please fill in you name').fadeIn();;
			$("input#name").focus();
			return false;
		  }
			var email = $("input#email").val();
			if (email == "") {
			$('.error').html('Please fill in your Email').fadeIn();
			$("input#email").focus();
			return false;
		  }
			var msg = $("textarea#message").val();
			if (msg == "") {
			$('.error').html('Please fill in your message').fadeIn();
			$("textarea#message").focus();
			return false;
		  }
		  
		  
		  //alert (dataString);return false;
		  var dataString = 'name='+ name + '&email=' + email + '&msg=' + msg;
		  $.ajax({
			type: "POST",
			url: "email.php",
			data: dataString,
			success: function() {
			  $('#contactform form').replaceWith("<div id='message'></div>");
			  $('#message').html("<h2>Thankyou</h2>")
			  .append("<p>Your message was sent successfully</p>")
			  .hide()
			  .fadeIn(1500)
			 }
		  });
		  return false;
  
  
	
  });
   
  
});