// Version: 
// Description: 
// EX:

$(document).ready(function() {
	
	$(function() {  
		$('#ss-form .error').hide();  
		$("#ss-form .ss-form-submit").click(function() {  
			// validate and process form here  
			$('#ss-form .error').hide(); 
			var title = $("input#title").val(); 
			var dataString = "title=" + title;
						
			var firstname = $("input#firstname").val();
			var firstnameL = $("input#firstname").length;  
			var firstnameR = $("input#firstname");
			if (firstnameR.hasClass ("required") && firstname == "" && firstnameL != 0) {
				$("label#firstname_error").show();  
				$("input#firstname").focus();
				$("input#firstname").css("border-color", "#f00");
				return false;  
			} else if(firstnameL != 0) {
				$("input#firstname").css("border-color", "#d7d3c8");
				dataString = dataString + "&firstname=" + firstname;
			}
			
			var lastname = $("input#lastname").val();
			var lastnameL = $("input#lastname").length;  
			var lastnameR = $("input#lastname");
			if (lastnameR.hasClass ("required") && lastname == "" && lastnameL != 0) {
				$("label#lastname_error").show();  
				$("input#lastname").focus();
				$("input#lastname").css("border-color", "#f00");
				return false;  
			} else if(lastnameL != 0) {
				$("input#lastname").css("border-color", "#d7d3c8");
				dataString = dataString + "&lastname=" + lastname;
			} 
			
			var country = $("input#country").val();
			var countryL = $("input#country").length;  
			var countryR = $("input#country");
			if (countryR.hasClass ("required") && country == "" && countryL != 0) {
				$("label#country_error").show();  
				$("input#country").focus(); 
				$("input#country").css("border-color", "#f00"); 
				return false;  
			} else if(countryL != 0) {
				$("input#country").css("border-color", "#d7d3c8");
				dataString = dataString + "&country=" + country;
			}
						
			var email = $("input#email").val();
			var emailL = $("input#email").length;
			var emailR = $("input#email");
			var emailV = /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(email);
			if (emailR.hasClass ("required") && email == "" && emailL != 0) {
				$("label#email_error").show(); 
				$("label#email_error").html("*this field is required");   
				$("input#email").focus();
				$("input#email").css("border-color", "#f00");  
				return false;  
			} else if(emailV == false && emailL != 0) {
				$("label#email_error").show();
				$("label#email_error").html("*please enter a valid email address");  
				$("input#email").focus();
				$("input#email").css("border-color", "#f00");  
				return false;
			} else if(emailL != 0) {
				$("input#email").css("border-color", "#d7d3c8");
				dataString = dataString + "&email=" + email;
			} 
			 
			var phone = $("input#phone").val();
			var phoneL = $("input#phone").length;  
			var phoneR = $("input#phone");
			if (phoneR.hasClass ("required") && phone == "" && phoneL != 0) {
				$("label#phone_error").show();  
				$("input#phone").focus();  
				$("input#phone").css("border-color", "#f00");
				return false;  
			} else if(phoneL != 0) {
				$("input#phone").css("border-color", "#d7d3c8");
				dataString = dataString + "&phone=" + phone;
			}
			
			var message = $("textarea#message").val();
			var messageL = $("textarea#message").length;  
			var messageR = $("textarea#message");
			if (messageR.hasClass ("required") && message == "" && messageL != 0) {
				$("label#message_error").show();  
				$("textarea#message").focus();  
				$("textarea#message").css("border-color", "#f00");
				return false;  
			} else if(messageL != 0) {
				$("textarea#message").css("border-color", "#d7d3c8");
				dataString = dataString + "&message=" + message;
			}
		

			$.ajax({  
				type: "POST",  
				url: "form.php",  
				data: dataString,  
				success: function() {  
					$('#ss-form').replaceWith("<div id='ss-form-message'></div>");
					  
					var Dtext = "<h2>" + title + " Submitted!</h2>";
					
					$('#ss-form-message').html(Dtext) 
						.append("<p>We will be in touch soon.</p>")  
						.hide()  
						.fadeIn(1000, function() {  
							//$('#message').append("<img id='checkmark' src='images/check.png' />");  
					});					  
				}, 
				error: function() {
				    alert('Sorry but your request could not be completed. Please try again later.');
				}
			});  
			return false;
		});  
	});
});