// JavaScript Document
	var oPopupGal = {l:document.getElementById('popupGal'),//
		f:document.getElementById('popupBg'),//
		c:document.getElementById('popupFotoGal')//
	};
	var oPopupRecA = {l:document.getElementById('popupRecA'),//
		f:document.getElementById('popupBg'),//
		c:document.getElementById('popupRecAContenido')//
	};
	
	function Recomendar(idNota){
			
		var nombreRec = document.getElementById("nombreRecomendar");
		var emailRec = document.getElementById("emailRecomendar");
		var amigoRec = document.getElementById("amigoRecomendar");
		var emailAmigoRec = document.getElementById("emailAmigoRecomendar");
		var mensajeRec = document.getElementById("mensajeRecomendar");
		var popUpRecomendar = document.getElementById("popupRecom");
		var contenedorRecomendar = document.getElementById("popupRecAContenido");
		var errorRecomendar = document.getElementById("errorRecomendar");
		var oClase = this;
		var ER_EMAIL = /^[a-z0-9_\.\-]+@[a-z0-9_\-]+(\.[a-z0-9_\-]{2,20})*\.[a-z]{2,4}$/;
		var correr = 335;
		this.archivo = "enviarRecomendacion.php";
		this.req = new Request(oClase);
		this.intervalo=0;
		this.idNota = idNota;
		this.enviandoConsulta = function(){
			this.activarPop(popUpRecomendar,contenedorRecomendar);
			var valores = "nombre|=|"+nombreRec.value+"|&|emailRec|=|"+emailRec.value+"|&|amigoRec|=|"+amigoRec.value+"|&|emailAmigoRec|=|"+emailAmigoRec.value+"|&|mensaje|=|"+mensajeRec.value+"|&|idNota|=|"+this.idNota;															
			this.req.pedir(this.archivo, valores);		
		}
		this.enviarConsulta = function(){
			var error = "";
			if(nombreRec.value == ""){
				error = "<div>Ingrese Nombre y Apellido</div>";
				nombreRec.style.border = "1px solid #FF0000"
			}
			else nombreRec.style.border = "1px solid #CCCCCC";
			if(!ER_EMAIL.test(emailRec.value.toLowerCase())){
				emailRec.style.border = "1px solid #FF0000"
				error += "<div>Email incorrecto</div>";			
			}
			else emailRec.style.border = "1px solid #CCCCCC";	
			if(amigoRec.value == ""){
				error += "<div>Ingrese Nombre del amigo a Recomendar</div>";
				amigoRec.style.border = "1px solid #FF0000"
			}
			else amigoRec.style.border = "1px solid #CCCCCC";
			if(!ER_EMAIL.test(emailAmigoRec.value.toLowerCase())){
				error += "<div>Email de amigo Incorrecto</div>";
				emailAmigoRec.style.border = "1px solid #FF0000"
			}	
			else emailAmigoRec.style.border = "1px solid #CCCCCC";
			if(mensajeRec.value == ""){
				error += "<div>Debe ingresar el mensaje a enviar</div>";
				//consultaContenido.style.border = "1px solid #FF0000"
			}
			//else consultaContenido.style.border = "1px solid #CCCCCC";	
				if(error != ""){
				errorRecomendar.style.display = "block";
				errorRecomendar.style.display = "block";
				errorRecomendar.className = "errorConsulta";
				errorRecomendar.innerHTML = error;
				this.mostrarError(errorRecomendar,(correr-errorRecomendar.offsetWidth),correr);
			}	
			else{
				errorRecomendar.style.display = "block";
				this.enviandoConsulta();
				if(errorRecomendar.style.left != (correr-errorRecomendar.offsetWidth)+"px" && errorRecomendar.style.left)this.mostrarError(errorRecomendar,correr,correr-errorRecomendar.offsetWidth);
				this.intervalo = setInterval(function(){oClase.mensajeEnviando(errorRecomendar);},100);
				errorRecomendar.innerHTML = "";
			}
		}
		this.mensajeEnviando = function(contenedor){
			if((contenedor.offsetLeft <=correr-errorRecomendar.offsetWidth) || (!contenedor.style.left)){
				clearInterval(this.intervalo);
				contenedor.innerHTML = "<div class='enviando'>Enviando Mensaje...</div>";
				contenedor.className = "enviandoConsulta";
				this.tm = new Tween(contenedor.style,'left',Tween.strongEaseOut,(correr-errorRecomendar.offsetWidth),correr,1,'px');
				this.tm.start();			
			}	
		}
		this.mostrarError = function(contenedor,desde,hasta){
			var tm = new Tween(contenedor.style,'left',Tween.strongEaseOut,desde,hasta,1,'px');
			tm.start();					
		}
		this.onRequestLoad = function(){
			this.intervalo = setInterval(function(){oClase.analizarRespuesta();},100);
			this.analizarRespuesta();
			this.listo = true
		}
		this.cerrarConsulta = function(){
			errorRecomendar.style.left= correr-errorRecomendar.offsetWidth+"px";
			nombreRec.value = "";
			nombreRec.style.border = "1px solid #CCCCCC"; 
			emailRec.value = ""
			emailRec.style.border = "1px solid #CCCCCC"; 
			amigoRec.value = "";
			amigoRec.style.border = "1px solid #CCCCCC"; 			
			emailAmigoRec.value = "";
			emailAmigoRec.style.border = "1px solid #CCCCCC"; 
			mensajeRec.value = "";
			mensajeRec.style.border = "1px solid #CCCCCC"; 
			popupCerrar(oPopupRecA);
		}
		this.analizarRespuesta = function(){
			if(errorRecomendar.offsetLeft == correr){
				clearInterval(this.intervalo);
//				<img src="img/btnOk.gif" style"border: solid 3px #fff; cursor:pointer" />
				var boton = document.createElement("img");			
				boton.src = "img/btnOk.gif";
				boton.style.border = "3px solid #fff";
				boton.style.cursor = "pointer";
				boton.style.top = "110px";
				boton.style.left = "60px";
				boton.style.position = "absolute";
				boton.onclick = function(){
					var tm = new Tween(errorRecomendar.style,'left',Tween.strongEaseOut,correr,correr-errorRecomendar.offsetWidth,1,'px');
					tm.start();		
				}
				var mensaje = document.createElement("div");
				mensaje.className = "mensajeEnviado";
				if(this.req.respuestaHTML == "Enviado"){
					mensaje.innerHTML = "El mensaje fue enviado con éxito. Muchas gracias.";
					mensaje.align = "center";
					nombreRec.value = "";
					nombreRec.style.border = "1px solid #CCCCCC"; 
					emailRec.value = ""
					emailRec.style.border = "1px solid #CCCCCC"; 
					amigoRec.value = "";
					amigoRec.style.border = "1px solid #CCCCCC"; 			
					emailAmigoRec.value = "";
					emailAmigoRec.style.border = "1px solid #CCCCCC"; 
					mensajeRec.value = "";
					mensajeRec.style.border = "1px solid #CCCCCC"; 
				}	
				else mensaje.innerHTML = "Fallo el env&iacute;o.<br>Intentelo nuevamente";
				errorRecomendar.innerHTML = "";
				mensaje.align = "center";
				errorRecomendar.appendChild(mensaje);
				errorRecomendar.appendChild(boton);				
				this.desactivarPop(popUpRecomendar);
			}	
		}
		this.activarPop = function(contenedor,padre){
			if(Nav.esIE) contenedor.style.filter = 'alpha(opacity=75)';
			else contenedor.style.MozOpacity = ".75";
			contenedor.style.height = 310+"px";
			contenedor.style.width = (padre.offsetWidth-4)+"px";
			contenedor.zIndex = 1100;
			contenedor.style.backgroundColor = "#FFFFFF";
			contenedor.style.display = "block";
			contenedor.style.position = "absolute";
		}
		this.desactivarPop = function(contenedor){
			contenedor.style.display = "none";
		}
	}	
	var reco = new Recomendar('<? echo $_GET[idNota]?>');	
	var usuario = document.getElementById("usuario");
	if(Nav.esIE || Nav.esIE7){
		usuario.attachEvent('onfocus',function(){
			if(usuario.value == "Usuario") usuario.value= "";
		});
		usuario.attachEvent('onblur',function(){
			if(usuario.value == "") usuario.value= "Usuario";
		});
	}


	var password = document.getElementById("password");	
	var errorLogeo = document.getElementById("mensajeError");
	var errorCont = document.getElementById("mensajeCont");	
	
	var contenedorLateral = document.getElementById("lateral");
	var respuesta = function(valor){
		if(valor == 1){
			errorLogeo.style.display = "none";
			document.form1.submit();
		}
		else{
			errorCont.innerHTML = "Password incorrecto.";
			errorLogeo.style.display = "block";
		}	
	}
	var login = new logeo("../xmlHttpRequest/logeo.php",usuario,password,respuesta);
	login.funcionFalla = function(error){
		errorCont.innerHTML = error;
		errorLogeo.style.display = "block";
	}