var message = "";

$(document).ready(function() {
  $("#send").click(function() {
    disableButton();
    if (validate()) {
      send();
    } else {
      $("#info").text(message);
    }
    enableButton();
  });
  
  send = function() {
    $.ajax(
      {
        type:"POST",
        dataType:"Text",
        url:"ajax/mail.php",
        data:{name:""+$("#name").val()+"",email:""+$("#email").val()+"",subject:""+$("#subject").val()+"",phone:""+$("#phone").val()+"",message:""+$("#message").val()+""},
        error:
          function(xhr) {alert("error "+xhr.statusText)},
        success:
          function(data) {
            if (data == "OK") {
              successful();
            } else {
              data=data.replace("error","");
              $("#info").text(data);
            }
          }
      }
    );
  }
  
  successful = function() {
    clear();
    $("#info").text("Dziękujemy za skontaktowanie się z nami.");
  }
  
  clear = function() {
    $("#name").val("");
    $("#email").val("");
    $("#subject").val("");
    $("#phone").val("");
    $("#message").val("");
  }
  
  disableButton = function() {
    $("#send").attr("disabled","disabled");
    $("#send").val("Wysyłam");
  }
  
  enableButton = function() {
    $("#send").removeAttr("disabled")
    $("#send").val("Wyślij");
  }
  
  validate = function() {
    if ($("#email").val() == "" &&
      $("#message").val() == "") {
      message = "Proszę wypełnić wymagane pola";  
      return false;
    }
    return true;
  }
  
});