$(function() {
  $('.error').hide();
  $('input.text-input').css({backgroundColor:"#FFFFFF"});
  $('input.text-input').focus(function(){
    $(this).css({backgroundColor:"#FFDDAA"});
  });
  $('input.text-input').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"});
  });

  $(".button").click(function() {
		// validate and process form
		// first hide any error messages
    $('.error').hide();

    var fault ="";
		
	  var name = $("input#name").val();
		if (name == "") {
      $("label#name_error").show();
      fault += "name";
    }

		var email = $("input#email").val();
    var atpos=email.indexOf("@");
    var dotpos=email.lastIndexOf(".");
    if (atpos<1 || dotpos<atpos+2 || dotpos+2>=email.length)
    {
      $("label#email_error").show();
      fault += "email";
    }

    var illegalChars= /[\(\)\<\>\,\;\:\\\/\"\[\]]/
    if (email.match(illegalChars)) {
      $("label#email_error").show();
      fault += "email";
    }

		var phone = $("input#phone").val();
    var stripped = phone.replace(/[\(\)\.\-\ ]/g, '');
    //strip out acceptable non-numeric characters
    if (isNaN(parseInt(stripped))) {
       $("label#phone_error").show();
      fault += "phone";
    }

    var quantity = $("input#quantity").val();
    var finishedsize = $("input#finishedsize").val();
    var coloursfront = $("#coloursfront").val();
    var coloursback = $("#coloursback").val();
    var coating = $("#coating").val();    
    var paperweight = $("input#paperweight").val();    
    var bindery = $("#bindery").val();    
    var additional = $("#additional").val();    


    if (fault != "") {
      return false;
    }
    else {
      var dataString = 'name='+ name + '&email=' + email + '&phone=' + phone + '&quantity=' + quantity + '&finishedsize=' + finishedsize + '&coloursfront=' + coloursfront + '&coloursback=' + coloursback + '&coating=' + coating + '&paperweight=' + paperweight + '&bindery=' + bindery + '&additional=' + additional;
      //alert (dataString);return false;
      
      $.ajax({
        type: "POST",
        url: "bin/process.php",
        data: dataString,
        success: function() {
          $('.contentFull').html("<div id='message'></div>");
          $('#message').html("<h2>Quote Request Sent!</h2>")
          .append("<p>We will be in touch soon.</p>")
          .hide()
          .fadeIn(1500, function() {
            $('#message').append("<img id='checkmark' src='images/check.png' />");
          });
        }
       });
      return false;
      }
	});
});