$(document).ready(function() {
		$("#nameContact").focus(function() { 
			$("#nameContactDisplay").show();
		});
		
		$("#nameContact").blur(function() { 
			var requestValue = document.getElementById('nameContact').value;
			$.post("http://kwyno.com/ccheck.php", { request: requestValue, requesttype: "name" }, function(data) { 
				if(data == "Fail") {
					$("#nameContactDisplay").html('<img src="http://kwyno.com/images/error.png" align="absmiddle" width="16" height="16" /> <font color="red">The name you entered is invalid...try again!</font>');		
				} else {
					$("#nameContactDisplay").html('<img src="http://kwyno.com/images/ok.png" align="absmiddle" width="16" height="16"/> Wow! What an awesome name');	
				}
			});
		});
		
		$("#emailContact").focus(function() { 
			$("#emailContactDisplay").show();
		});
		
		$("#emailContact").blur(function() {
			var requestValue = document.getElementById('emailContact').value;
			$.post("http://kwyno.com/ccheck.php", { request: requestValue, requesttype: "email" }, function(data) { 
				if(data == "Fail") {
					$("#emailContactDisplay").html('<img src="http://kwyno.com/images/error.png" align="absmiddle" width="16" height="16" /> <font color="red">The e-Mail address you entered seems invalid! Try again</font>');		
				} else {
					$("#emailContactDisplay").html('<img src="http://kwyno.com/images/ok.png" align="absmiddle" width="16" height="16"/> The e-Mail entered looks good!');	
				}
			});
		});
		
		$("#websiteContact").focus(function() { 
			$("#websiteContactDisplay").show();
		});
		
		$("#websiteContact").change(function() {
			var requestValue = document.getElementById('websiteContact').value;
			$.post("http://kwyno.com/ccheck.php", { request: requestValue, requesttype: "website" }, function(data) {
				if(data == "Fail") {
					$("#websiteContactDisplay").html('<img src="http://kwyno.com/images/error.png" align="absmiddle" width="16" height="16" alt="Please check that the website you entered is valid"/> <font color="red">Please check the website entered is valid. <a href="#null" onclick="goAway(\'#webContainer\');">Don\'t have a website? Make this disappear</a></font>');		
				} else {
					$("#websiteContactDisplay").html('<img src="http://kwyno.com/images/ok.png" align="absmiddle" width="16" height="16" alt="Thanks!"/> The website entered seems okay!');	
				}
			});
		});
		
		$("#messageContact").focus(function() {
			var currentStatus = document.getElementById('messageContact').value;
			if(currentStatus == "Your message here...") {
				$("#messageContact").val("");
			} 
			$("#messageContactDisplay").show();
		});
		
		$("#messageContact").blur(function() { 
			var requestValue = document.getElementById('messageContact').value;
			$.post("http://kwyno.com/ccheck.php", { request: requestValue, requesttype: "message" }, function(data) { 
				if(data == "Fail") {
					$("#messageContactDisplay").html('<img src="http://kwyno.com/images/error.png" align="absmiddle" width="16" height="16" /> <font color="red">The message you entered seems to be blank!</font>');		
				} else {
					$("#messageContactDisplay").html('<img src="http://kwyno.com/images/ok.png" align="absmiddle" width="16" height="16"/> Looks good!');	
				}
			});
		});
		
		
		$("#cButton").click(function() {
			 $("#formError").html("");
			 $("#formError").slideUp(errorMessage);
			 var name = document.getElementById('nameContact').value;
			 var email = document.getElementById('emailContact').value;
			 var website = document.getElementById('websiteContact').value;
			 var request = document.getElementById('requestContact').value;
			 var message = document.getElementById('messageContact').value;
			 var errorMessage = '';
			 
			 if(name == "") {
			 	var errorMessage = errorMessage + '<div class="formError">Please provide a valid name!</div>';
			 }
			 
			 if(email == "") {
			 	var errorMessage = errorMessage + '<div class="formError">Please provide a valid e-Mail address!</div>';
			 }
			 			 
			 if(message == "") {
			 	var errorMessage = errorMessage + '<div class="formError">The message you entered is invalid!</div>';
			 }
				
			
			 if(errorMessage == "") {
			 	$.post("http://kwyno.com/cprocess.php", { name: name, email: email, website: website, request: request, message: message }, function(data) {
			 		$("#headTitle").html("<h1>Thanks for the message!</h1>");
			 		$("#headText").html("We'll be in touch soon.");
			 		$("#contactForm").slideUp();
			 	});
			 } else {
			 	$("#formError").html(errorMessage);
			 	$("#formError").slideDown();
			 }			 
		});
});