// JavaScript Document
// Editorial Satori

function validar(elemento){
	var valor = elemento.get("value").trim().length;
	var nombreid = elemento.get("nombre");
	if (valor != 0){
		return true;
		}
	else{
		elemento.setStyles({"background-image":"url('img/reply.gif')","border":"1px solid #f00"});
		var aviso= $("span"+nombreid);
		var t_aviso = "<< Porfavor, rellene este campo.";
		
		aviso.set("text",t_aviso);
		aviso.setStyle("color","#f00");
	
		return false;
		}
	}

window.addEvent("domready", function(){
									$$(".obligatorio").addEvent("blur",function(e){
																			   // $ seleccionar id, $$ seleccionar clase + ("nombre de la cosa en css")
																			   // Blur, al salir del cuadro, change, cuando cambia
																			var valor = this.get("value").trim().length;
																			var nombreid = this.get("nombre");
																			// asociamos la variable valor a la medida de lo que hay escrito.
																			// trim quita espacios en blanco y length cuenta caracteres (espacios incluidos)
																			if(valor == 0){																			
																				this.setStyles({"background-image":"url('img/reply.gif')","border":"1px solid #f00"});
																				var aviso= $("span"+nombreid);
																				var t_aviso = "<< Porfavor rellene este campo.";
																				aviso.set("text",t_aviso);
																				aviso.setStyle("color","#f00");
																			
																			}
									
																	
																			});
										$$(".obligatorio").addEvent("focus",function(e){
																																				
																				this.set("style","");
																				$("span"+this.get("nombre")).set("text","");
																			
									
																	
																			});
										$("form1").addEvent("submit",function(e){
																			  
																			e.stop();
																			var estado = new Array();
																			
																			var elementos=$$(".obligatorio");
																			for(var i= 0;i<elementos.length;i++){
																				estado.push(validar(elementos[i]));
																				
																				
																				}
																			var fallo = estado.some(function(item, index){
   																														return item == false;
																														});
																			
																			if(!fallo){
																				$("form1").submit();
																					}
																			else{alert("Por favor, comprueve que ha completado los nombres de campo obligatorios.");}
																			  })
									 
									 
									 
									 });