var submitMsg = "<div id=\"submitMsg\" style=\"margin-top:10px;\">Submitting Data... <img src='images/ajax-loader.gif' border='0'></div>";
var thanksMsg = "<div id=\"thanksMsg\" style=\"margin-top:10px;\">Thank You.  We have recieved your consultation request and will contact you soon.</div>";
var thanksMsg_feedback = "<div id=\"thanksMsg_feedback\" style=\"margin-top:10px;\">Thank You.  We have recieved your feedback.</div>";
var failMsg = "<div>An error has occurred submitting your data.  <a href=\"mailto:info@bidros.com\">Please contact us via email.</a></div>";
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;


$(function() {
	
	$('#contactForm').submit(function() {
		$(".error").hide();						  
		var hasError = false;
		
		var consultName = $("input#consultName").val();
		if(consultName == '' || consultName == "Name:") {
			$("#consultName").after('<div class="error">^ Name is Required</div>');
			hasError = true;
		}
		
		var consultEmail = $("input#consultEmail").val();
		if(consultEmail == '') {
			$("#consultEmail").after('<div class="error">^ Email is Required</div>');
			hasError = true;
		} else if(!emailReg.test(consultEmail)) {
			$("#consultEmail").after('<div class="error">^ Enter a valid email address.</div>');
			hasError = true;
		}
		
		if(!hasError) {
			$("#buttonContainer").hide();
			$("#msgContainer").html(submitMsg);
		
			  var inputs = [];
			  $(':input', this).each(function() {
				inputs.push(this.name + '=' + escape(this.value));
			  })
			  
			  jQuery.ajax({
				type: "POST",
				data: inputs.join('&'),
				url: "actions/submitConsultForm.php",
				timeout: 2000,
				error: function() {
				  console.log("Failed to submit");
				},
				success: function(r) { 
					$("#contactFormContainer").html(thanksMsg);
					$("#thanksMsg").fadeIn('slow')
					.animate({opacity: 1.0}, 5000)
					.fadeOut('slow');
				},
				error: function() {
					$("#contactFormContainer").html(failMsg);
				}
			  })
		}
		  return false;
	});
	
	$('#feedbackForm').submit(function() {
		$(".error").hide();						  
		var hasError = false;
		
		var feedbackComments = $("textarea#feedbackComments").val();
		if(feedbackComments == '' || feedbackComments == "Type your feedback here:") {
			$("#feedbackComments").after('<div class="error">^ Please provide your feedback.</div>');
			hasError = true;
		}
		
		
		if(!hasError) {
			$("#buttonContainer_feedback").hide();
			$("#msgContainer_feedback").html(submitMsg);
		
			  var inputs = [];
			  $(':input', this).each(function() {
				inputs.push(this.name + '=' + escape(this.value));
			  })
			  
			  jQuery.ajax({
				type: "POST",
				data: inputs.join('&'),
				url: "actions/submitFeedbackForm.php",
				timeout: 2000,
				error: function() {
				  console.log("Failed to submit");
				},
				success: function(r) { 
					$("#feedbackFormContainer").html(thanksMsg_feedback);
					$("#thanksMsg_feedback").fadeIn('slow')
					.animate({opacity: 1.0}, 5000)
					.fadeOut('slow');
				},
				error: function() {
					$("#feedbackFormContainer").html(failMsg);
				}
			  })
		}
		  return false;
	})
    
});