$(document).ready(function(){
	$('input[type="submit"]').click(function() {
		var n = $('[name="name"]');
		var e = $('[name="email"]');
		var m = $('[name="message"]');
		var err = false;
		
		if (!n.val() || !e.val() || !m.val()) {
			
			err=true;
			
			if (!n.val()) {
				n.addClass('required');
				$('#nt').replaceWith('<p id="nt" style="color:red">Please provide your name.</p>');
			} else {
				n.removeClass('required');
				$('#nt').replaceWith('<p id="nt">What\'s your name? </p>');
			}
			
			if (!e.val()) {
				e.addClass('required');
				$('#et').replaceWith('<p id="et" style="color:red">We need an email address to contact you.</p>');
			} else {
					e.removeClass('required');
					$('#et').replaceWith('<p id="et">What\'s your email address? </p>');
			}
			
			if (!m.val()) {
				m.addClass('required');
				$('#mt').replaceWith('<p id="mt" style="color:red">We need to know what service you need from us.</p>');
			} else {
				m.removeClass('required');
				$('#mt').replaceWith('<p id="mt">How can we help?</p>');
			}
		}
		
		if (!err) {
			$.ajax({
				type: "GET",
				url: "index.php",
				dataType: "json",
				data: "js=1&name="+n.val()+"&email="+e.val()+"&message="+m.val(),
				success: function(msg){
					if ($.isEmptyObject(msg)) {
						n.val('');
						e.val('');
						m.val('');
						$('#contact').fadeOut(1000, function() {
								$('#success').fadeIn(1000);
						})
					} else {
						var json = eval(msg);
						if (json.name) {
							n.addClass('required');
							$('#nt').replaceWith('<p id="nt" style="color:red">A-Z, hyphens and apostrophes only please.</p>'); 
						} else {
							n.removeClass('required');
							$('#nt').replaceWith('<p id="nt">Thanks '+n.val()+'!</p>');
						} 
						if (json.email) {
							e.addClass('required');
							$('#et').replaceWith('<p id="et" style="color:red">We need a valid email like name@example.com</p>');
						} else { 
							e.removeClass('required');
							$('#et').replaceWith('<p id="et">We\'ll be contacting you at this address.</p>');
						} 
						if (json.message){
							m.addClass('required');
							$('#mt').replaceWith('<p id="mt" style="color:red">Something went wrong. Can you repeat that?</p>');
						} else {
							m.removeClass('required');
							$('#mt').replaceWith('<p id="mt">Got your message loud and clear.</p>');
						}
					}
				}
			});
		}
		return false;
	});
});