$(function() {  
      $('.error').hide();  
      $(".button").click(function() {  
        // validate and process form here  
          $("input#nombre").css('border','1px solid #ccc');
	   $("input#email").css('border','1px solid #ccc');
	   $("input#captcha").css('border','1px solid #ccc');
        $('.error').hide();  
          var name = $("input#nombre").val();  
            if (name == "") {  
          $("label#nombre_error").show();  
         $("input#nombre").focus();
	 $("input#nombre").css('border','1px solid red');

         return false;  
       }  
         var email = $("input#email").val();  
         if (email == "" || !echeck(email)) {  
         $("label#email_error").show();  
         $("input#email").focus(); 
	 $("input#email").css('border','1px solid red');
         return false;  
       }  
           var comentarios = $("textarea#comentarios").val();  
           if (comentarios == "") {  
         $("label#comentarios_error").show();  
         $("textarea#comentarios").focus();
         return false;  
       } 

       var captcha = $("input#captcha").val();
       if (captcha == "") {
       $("label#captcha_error").show();
       $("input#captcha").focus();
       $("input#captcha").css('border','1px solid red');
       return false;
       }

       var telefono = $("input#telefono").val();


         

  var dataString = 'nombre='+ name + '&email=' + email + '&comentarios=' + comentarios + '&captcha='+captcha+'&telefono='+telefono;
  //alert (dataString);return false;
  $.ajax({
    type: "POST",
    url: "bin/process.php",
    data: dataString,
    success: function(datos) {
      if(datos.search(/^ERROR/) != -1){
      var campo = datos.substr(8);
      $("label#"+campo+"_error").show();
      $("input#"+campo).focus();
      $("input#"+campo).css('border','1px solid red');
      }else{
      $('#form').html("<div id='message'></div>");
      $('#message').html("<h2>Formulario de contacto enviado !</h2>")
      .hide()
      .fadeIn(1500, function() {
        $('#message').append("<img id='checkmark' src='/img/check.png' />");
      });
      }
    }
  });
  return false; 

     });  
  }); 
runOnLoad(function(){
  $("input#nombre").select().focus();
  });

function echeck(str) {

		var at="@"
		var dot="."
		var lat=str.indexOf(at)
		var lstr=str.length
		var ldot=str.indexOf(dot)
		if (str.indexOf(at)==-1){
		   return false
		}

		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		   return false
		}

		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		    return false
		}

		 if (str.indexOf(at,(lat+1))!=-1){
		    return false
		 }

		 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		    return false
		 }

		 if (str.indexOf(dot,(lat+2))==-1){
		    return false
		 }
		
		 if (str.indexOf(" ")!=-1){
		    return false
		 }

 		 return true					
	}