$(document).ready(function(){
  $("form#newsletter-signup input#ukhtdd-ukhtdd").css('color', '#998F86');

  $("form#newsletter-signup input#ukhtdd-ukhtdd").focus(function() {
   if (this.value == 'Enter your email') {
     this.value = '';
   }
   $(this).css('color', '#998F86');
  });

  $("form#newsletter-signup input#ukhtdd-ukhtdd").blur(function() {
    if (this.value == '') {
      this.value = 'Enter your email';
      $(this).css('color', '#998F86');
    }
   });

  $("#btn-signup").click(function() {

    // First, disable the form from submitting
    $('form#newsletter-signup').submit(function() { return false; });

    // Grab form action
    formAction = $("form#newsletter-signup").attr("action");

    // Hacking together id for email field
    // Replace the xxxxx below:
    // If your form action were http://mysiteaddress.createsend.com/t/r/s/abcde/, then you'd enter "abcde" below
    emailId = "ukhtdd";
    emailId = emailId.replace("/", "");
    emailId = emailId + "-" + emailId;

    // Validate email address with regex
    if (!checkEmail(emailId))
    {
      alert("Please enter a valid email address.");
      return;
    }

    // Serialize form values to be submitted with POST
    var str = $("form#newsletter-signup").serialize();

    // Add form action to end of serialized data
    final = str;

    // Submit the form via ajax
    $.ajax({
      url: "/addSubscriber.php",
      type: "POST",
      data: final,
      success: function(html){
        if (html == '0') {
          $("form#newsletter-signup").hide(); // If successfully submitted hides the form
          $("div#newsletter").removeClass("error");
          //$("#error").hide();  // Hides error div
          $("div#newsletter").addClass("success");
        } else {
          $("div#newsletter").addClass("error");
          var message = "";
          if (html == '1') {
            message = "Oooops, that email address was invalid please check and try again....";
          } else if (html == '2') {
            message = "Oooops, there is a problem with our newsletter system, please try again later.";
          } else {
            message = "Oooops, there was an error please try again....";
          }
          alert(message);

          //$("#error p").text(message);
          //$("#error").show();
        }
      }
    });
  });
});

function checkEmail(email)
{
  var emailVal = $("#" + email).val();
  if (emailVal == 'Enter your email') {return false;}

  var pattern = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  return pattern.test(emailVal);
}