$(document).ready(function(){

		function comprobar(campo,campo2,tipo,tipo_valor) {
			i=i+1;
			var error = document.getElementById(campo2);
			if(tipo==1) {
				if(campo.value.indexOf('@', 0) == -1 || campo.value.indexOf('.', 0) == -1) {
					campo.style.background = "#fdb2b2";
					error.innerHTML = "<img src='img/exclamation.png' width='16' height='16'>";
				} else {
					a=a+1;
					campo.style.background = "#e0e0e0";
					error.innerHTML = "";
					error.style.height = "0px";
				}
			} else if(tipo==2) {
				if(campo.value.length < 3) {
					campo.style.background = "#fdb2b2";
					error.innerHTML = "<img src='img/exclamation.png' width='16' height='16'>";
				} else {
					a=a+1;
					campo.style.background = "#e0e0e0";
					error.innerHTML = "";
					error.style.height = "0px";
				}
			} else if(tipo==3) {
				if(campo.value != tipo_valor) {
					campo.style.background = "#fdb2b2";
					error.innerHTML = "<img src='img/exclamation.png' width='16' height='16'>";
				} else {
					a=a+1;
					campo.style.background = "#e0e0e0";
					error.innerHTML = "";
					error.style.height = "0px";
				}
			}
		}

		$("#boton_recomendar").click(function() {

			var f = document.getElementById("formulario");

			i=0;
			a=0;
			comprobar(f.nombre_amigo,"span_nombre_amigo",2);
			comprobar(f.email_amigo,"span_email_amigo",1);
		
			if(a!=i) {
				return false;
			}

			var ajax = xmlhttp();

			ajax.onreadystatechange=function(){
				if(ajax.readyState==1) {
					$("#formulario_cargando").fadeIn("fast");
				}
				if(ajax.readyState==4) {
					
					setTimeout(function(){ 
						$("#formulario_cargando").fadeOut("fast");
					}, 500);
					
					setTimeout(function(){ 
						$("#formulario_recomendar").hide("slow");
						$("#formulario_recomendar_boton").hide("slow");
					}, 1000);
					
					setTimeout(function(){ 
						$("#formulario_recomendar_enviado").show("slow");
					}, 1400);
					
				}
			}

			ajax.open("POST","recomendar.php?enviar=1",true);
			ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			ajax.send("nombre="+f.nombre.value+"&email="+f.email.value+"&nombre_amigo="+f.nombre_amigo.value+"&email_amigo="+f.email_amigo.value+"&comentarios="+f.comentarios.value+"&url_casa="+f.url_casa.value);

		})

	});