$(document).ready(function(){
	
	/* VALIDACION BUSQUEDA */
	
	array_navegadores = $(".navegadores input");
	var num_navegadores = array_navegadores.length;
	
	$(".btn-enviar")	
		.click(function (event) {
         	claves = $("#claves").attr("value")
			if(claves == undefined)
			{	
				form_error($("#claves"))
				event.preventDefault();				
			}
			else
				form_correcto($("#claves"))
			
			navegador = false;
			var i= 0;
			
			while(i < num_navegadores)
			{
				marcado = $(array_navegadores[i]).attr("checked")
				if(marcado)
					navegador = true;
				i++;	
			}
			
			if(navegador == 0)
			{
				alert("Selecciona el navegador/es en el/los que se produce el error para una busqueda mas exacta")
				event.preventDefault();
			}	
						
	});
	/* FIN VALIDACION BUSQUEDA */	
	
	/* VALIDACION ANOTAR */
	$(".enviar")	
		.click(function (event) {
         	titulo = $("#titulo").attr("value")
			if(titulo == undefined)
			{	
				form_error($("#titulo"))
				event.preventDefault();				
			}
			else
				form_correcto($("#titulo"))
			
			error = $("#error").attr("value")
			if(error == undefined)
			{	
				form_error($("#error"))
				event.preventDefault();				
			}
			else
				form_correcto($("#error"))
				
			solucion = $("#solucion").attr("value")
			if(solucion == undefined)
			{	
				form_error($("#solucion"))
				event.preventDefault();				
			}
			else
				form_correcto($("#solucion"))
			
			navegador = false;
			var i= 0;
			
			while(i < num_navegadores)
			{
				marcado = $(array_navegadores[i]).attr("checked")
				if(marcado)
					navegador = true;
				i++;	
			}
			
			if(navegador == 0)
			{
				alert("Selecciona el navegador/es en el/los que se produce el error para una busqueda mas exacta")
				event.preventDefault();
			}	
						
	});
	/* FIN VALIDACION ANOTAR */	
			
			
	function form_error(campo)
	{	
		alert("Campo " + $(campo).attr("id") + " obligatorio")
	    $(campo).animate({ 
  			backgroundColor: "#FFE8E8",
			color: "#000"
        }, 1500 );
				
	}

	function form_correcto(campo)
	{		
		$(campo).animate({ 
  			backgroundColor: "#CDEFB4",
			color: "#000"
        }, 800 );
		
		$(campo).animate({ 
  			backgroundColor: "#FFF",
			color: "#999"
        }, 800 );
	}			
});