$(function() {
 	$('.error').hide();
	$('input.Campo').css({backgroundColor:"#FFFFFF"});
	$('input.Campo').focus(function(){
    	$(this).css({backgroundColor:"#FFDDAA"});
	});
	$('input.Campo').blur(function(){
		$(this).css({backgroundColor:"#FFFFFF"});
	});
	$('textarea.Campo').focus(function(){
    	$(this).css({backgroundColor:"#FFDDAA"});
	});
	$('textarea.Campo').blur(function(){
		$(this).css({backgroundColor:"#FFFFFF"});
	});

	$("#Enviar").live("click",function() {
			// validate and process form
			// first hide any error messages
			//alert('send');
		$('.error').hide();
			
		var nombre = $("input#Nombre").val();
		if (nombre == "") {
			$("span#ErrorNombre").show();
			$("input#Nombre").focus().css("border-color", "red");
			return false;
		}
		
		var email = $("input#Email").val();
		var testresults
		var filter = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
			if (email == "") {
				$("span#ErrorNoEmail").show();
				$("input#Email").focus();
				return false;
			}
			else {
				if (filter.test(email))
					testresults=true
				else{
					$("span#ErrorEmail").show();
					$("input#Email").focus().css("border-color", "red");
					return false;
					//alert("Direccion de email invalida")
					testresults=false
					}
			}
		
		var mensaje = $("textarea#Mensaje").val();
		if (mensaje == "") {
			$("span#ErrorMensaje").show();
			$("textarea#Mensaje").focus().css("border-color", "red");
			return false;
		}
		
		var captcha = $("input#Captcha").val();
		if (captcha == "") {
			$("span#ErrorCaptcha").show();
			$("input#Captcha").focus().css("border-color", "red");
			return false;
		}
				
		var dataString = 'nombre='+ nombre + '&email=' + email + '&mensaje=' + mensaje;// + '&code=' + captcha;
		//alert (dataString);return false;
				
		$.ajax({
			type: "POST",
			url: "Scripts/Contacto/php/correo.php",
			data: dataString,
			success: function(data) {
				if (data!='no'){
				$('#Contacto').html("<div id='message'></div>");
				$('#message').html("<p class='Mensaje'>Comentario enviado.</p>")
				.append("<p class='Mensaje'>Gracias.</p>")
				.hide()
				.fadeIn(1500, function() {
					$('#message').append("<img id='checkmark' src='Scripts/Contacto/images/check.png' />");
				})
				}
				else {
				$("span#ErrorCaptcha").show();
				$("input#Captcha").focus();
				return false;	
				}
			}
		});
		return false;
	});

});