$(function(){
	
	var valor;
	var i = 0;
	
	$('#name').focus(function(){
		
		$('#resultado-nombre').remove();
		$('#validar-nombre').append();
		
	});
	
	$('#name').blur(function(){
		
		$('.advertencia').remove();
		
		valor = $('#name').val();
		
		if(valor != '') {
			$('<img src="images/accept.png" id="resultado-nombre" />').appendTo('#validar-nombre');
		}
		else {
			$('<img src="images/delete.png" id="resultado-nombre" />').appendTo('#validar-nombre');
		}
		
	});
	
	$('#mail').focus(function(){
		
		$('#resultado-correo').remove();
		$('#validar-correo').append();
		
	});
	
	$('#mail').blur(function(){
		
		$('.advertencia').remove();
		
		valor = $('#mail').val();
		
		if(valor != '') {
			
			if(validaCorreo(valor)){
				
				$('<img src="images/accept.png" id="resultado-correo" />').appendTo('#validar-correo');
			
			}
			else {
				$('<span id="resultado-correo"><img src="images/delete.png"></span>').appendTo("#validar-correo");
			}
		}
		else {
			$('<img src="images/delete.png" id="resultado-correo" />').appendTo('#validar-correo');
		}
		
	});
	
	$('#asunto').focus(function(){
		
		$('#validar-sitio').append();
		
	});
	
	$('#asunto').blur(function(){
		
		$('.advertencia').remove();
		
	});
	
	
	$('#mensaje').focus(function(){
		
		$('#resultado-mensaje').remove();
		$('#validar-mensaje').append();
		
	});
	
	$('#mensaje').blur(function(){
		
		$('.advertencia').remove();
		
		valor = $('#mensaje').val();
		
		if(valor != '') {
			$('<img src="images/accept.png" id="resultado-mensaje" />').appendTo('#validar-mensaje');
		}
		else {
			$('<img src="images/delete.png" id="resultado-mensaje" />').appendTo('#validar-mensaje');
		}
		
	});
	
	$('#enviar').click(function(){
		
		if($('#name').val()!= '' && $('#mail').val()!='' && $('#asunto').val()!='') {
			
			$('.advertencia').remove();
			
			$('#envio').append('<img src="images/ajax-loader.gif" alt="Procesando envio" id="cargando" />');
			
			var nombre = $('#name').val();
			var correo = $('#mail').val();
			var sitio = $('#asunto').val();
			var mensaje = $('#mensaje').val();
			
			$.ajax({
				url: 'envio.php',
				type: 'POST',
				data: 'name=' + nombre + '&mail=' + correo + '&asunto=' + sitio + '&mensaje=' + mensaje,
				
				success: function(resultado) {
					$('#respuesta').remove();
					$('#envio').append('<span id="respuesta">' + resultado + '</span>');
					$('#cargando').fadeOut(500, function() {
						$(this).remove();
					});
					
				}
			});
			
			return false;
		
			
		}
		else {
			$('#envio').append('<span class="advertencia">Debe completar los datos requeridos.</span>');
			return false;
		}
		
	});
	
	
});

function validaCorreo(correo) {
	
	var expresion = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
	return expresion.test(correo);

}