var imgError = "<img src = 'images/exclamation.png'>";
var imgExito = "<img src = 'images/accept.png'>";

$(document).ready(function(){

    // CERRAR RESULTADO
    $("#cajaresultado").click(function () {
      $(this).css("display", "none");
    });

    //ENVIAR EL FORMULARIO
    $("#enviar").click(function () {
         $(':text').removeClass("inputerror");
         $('#cajaresultado').css("display", "none");
         $.ajax({
               type: "POST",
               url: "ajax.formulario.php",
               data: ({nombre: $("#nombre").val(),
                      tlf:$("#tlf").val(),
                      mail:$("#mail").val(),
                      disponibilidad:$("#disponibilidad").val(),
                      comentarios:$("#comentarios").val()
                  }),
               success: function(data){
                     $("#cajaproceso").slideUp("slow");
                     var res = eval(data);
                     if (res.tipo == "error"){
                         $('#cajaresultado').show();
                         $('#cajaresultado').addClass('aviso');
                         $('#cajaresultado').html(imgError + " " + res.valor);
                         $('#' + res.input).addClass("inputerror");
                     }
                     else if(res.tipo == "exito"){
                         $('#cajaresultado').show();
                         $('#cajaresultado').addClass('aviso_exito');
                         $('#cajaresultado').html(imgExito + " " + res.valor);
                         $(':text').val("");
                     }
                     else{
                         $('#cajaresultado').show();
                         $('#cajaresultado').addClass('aviso');
                         $('#cajaresultado').html(imgError + " Resultado de petici&oacute;n inesperado.");
                     }

               }
             });
    });

  });