$(document).ready(function() {
   
  $("form#emailform").submit(function() {
    
    var message = "";
    var ready = true;
    
    if ($("input#name").val() == "") {
      message = "Please enter your name.<br />";
      $("input#name").css("border", "1px solid red");
      ready = false;
    } else {
      $("input#name").css("border", "1px solid #dddddd");
    }
    if ($("input#email").val() == "") {
      message = message + "Please enter your email address.<br />";
      $("input#email").css("border", "1px solid red");
      ready = false;
    } else {
      $("input#email").css("border", "1px solid #dddddd");
    }
    if ($("#message").val() == "") {
      message = message + "Please write a message!";
      ready = false;
      $("#message").css("border", "1px solid red");
    } else {
      $("#message").css("border", "1px solid #dddddd");
    }
    
    if (ready) {
      $("#alerts").html("");
      var FormData = $("form#emailform").serialize();
      $("#emailform").html("Sending, please wait...");
      $.ajax({
        type: "POST",
        url: "/mail",
        data: FormData,
        success: function(html) {
          if (html == "yes") {
            $("p.intro").html("Your message has been sent, Thank You!");
            $("#emailform").html("");
          }
        }
      });
      
    } else {
      
      $("#alerts").html(message);      
      
    }
    return false;
  });
    

});