$(function(){
  // loader --------------------------------------------------------------------
  var img = new Image();
      img.src = "../z/img/working.gif"; // path relativo a la página HTML
  var loader = '<p class="center">Posting comment<br /><img class="icon" src="'+img.src+'" alt="..." /></p>';
  
  $('#respuesta').empty().append(loader);
  // validate ------------------------------------------------------------------- 
  var v = $("#postComment").validate({
    event: "blur",
    rules: {
    		name: "required",
    		email: { 
          required: true, 
          email: true 
        },
    		comment: "required"
    },
    messages: { 
        name: "[!] Name is required",
        email: "[!] Email is required",
        comment: "[!] Comments are required" 
    },
    errorPlacement: function(label, element) { 
      label.insertBefore(element);
    },
    submitHandler: function(form) {
      // envío via AJAX   
      var mailOpts = {
          target: "#respuesta",
          resetForm: true,
          beforeSubmit: processBefore,
          success: processAfter
      };
      
      $(form).ajaxSubmit(mailOpts);
            
      function processBefore() {
        $("input[type='submit']").attr({disabled:"disabled", value:"sending..."});
        $("p.nocomments").hide();
        $("#respuesta").show();
        $(window).scrollTo('#respuesta', 1200);
      };
      function processAfter() {
        $("#postComment").html('<p><strong>Thank you for your comment!</p>');
      };
    }
 
  });
   
});