// Mostrar Textos con Efecto de Alvaro Fernandez www.alvaroweb.com
// Código completamente libre
// Si necesitas ayuda, escribe a info@alvaroweb.com

var velocidad = 1;//velocidad del scroll
var marcha = null;//variable que contendrá el bucle
var maquinaOn = false;//variable que dirá si el bucle está activo o no
var cuenta = 0;//variable que contendrá el número de caracteres mostrados
var textoActual=999;//almacena el numero del array Texto que queremos mostrar
var animacion = false;//chivato para alternar el poner / quitar texto
var textoQuitarEfecto= "<br>";//Vble que almacena el mensaje a añadir tras el texto
var apartado = "nulo";
function verInfo(num,trabajo) {//funcion que inicia el scroll. Se le llama desde la página HTML
	apartado=trabajo;
	cambioImagenes();
	if (navigator.userAgent.indexOf("Firefox") == -1 && !textoVisto[num]) { //si el navegador NO es Mozilla o NO se ha visto el mensaje antes
		pararMaquina();
		textoActual=num;//recoge el número de mensaje en otra variable para tenerla a mano
		textoQuitarEfecto = "<br><br><span class='raton' onClick='pararAnimacion()' onMouseOver='this.className="+'"'+"vinculo"+'"'+"'onMouseOut='this.className="+'"'+"raton"+'"'+"'><strong>quitar efecto texto</strong></span>";
		defineTextos();//redefine los textos
		enMarcha();//empieza el bucle
	} else {//si el navegador es Mozilla Firefox o ya se ha visto el mensaje
		pararMaquina();
		if (navigator.userAgent.indexOf("Firefox") == -1) {//si el navegador NO es Firefox
			textoQuitarEfecto = "<br><br><span class='raton' onClick='pararAnimacion()' onMouseOver='this.className="+'"'+"vinculo"+'"'+"'onMouseOut='this.className="+'"'+"raton"+'"'+"'><strong>poner efecto texto</strong></span>";
		} else {//si el navegador SI es Firefox
			textoQuitarEfecto = "<br>";//no muestro nada sobre los efectos
		}
		textoActual=num;
		defineTextos();//si estamos aquí es porque el navegador es apto para el bucle pero ya han visto el mensaje
		document.getElementById("info").innerHTML = texto[num];//lo muestro directamente
	}
}
function pararMaquina() {//Para la máquina
	if (maquinaOn) {//si está encendida
		clearTimeout(marcha);
		cuenta = 0;
	}
	maquinaOn = false;//está apagada
}
function enMarcha() {//función que escribe
	var mensaje = texto[textoActual];
	if (cuenta < texto[textoActual].length) {//si los caracteres mostrados son menores del total
		var trozoMensaje = texto[textoActual].substring(0, cuenta + 1)+"_";
		document.getElementById("info").innerHTML = trozoMensaje;//muestra el trozoMensaje
		cuenta++;
		marcha = setTimeout("enMarcha()", velocidad);//vuelve a ejecutar esta funcion a la velocidad indicada
		maquinaOn = true;//la máquina está encendida
	} else {//si ya se han mostrado todos se para la máquina
		pararMaquina();
		/*textoVisto[textoActual]= true;//este mensaje queda como visto*/
	}
}

function pararAnimacion() {
	if (!animacion) {//si el chivato está en false
		textoVisto[0] = true;
		textoVisto[1] = true;
		textoVisto[2] = true;
		textoVisto[3] = true;
		textoVisto[4] = true;
		textoVisto[5] = true;
		textoVisto[6] = true;
		textoVisto[7] = true;
		animacion = true;
		textoQuitarEfecto = "<br><br><span class='raton' onClick='pararAnimacion()' onMouseOver='this.className="+'"'+"vinculo"+'"'+"'onMouseOut='this.className="+'"'+"raton"+'"'+"'><strong>poner efecto texto</strong></span>";
		defineTextos();
		document.getElementById("info").innerHTML = texto[textoActual];//muestro el mensaje de poner efecto
	} else {
		textoVisto[0] = false;
		textoVisto[1] = false;
		textoVisto[2] = false;
		textoVisto[3] = false;
		textoVisto[4] = false;
		textoVisto[5] = false;
		textoVisto[6] = false;
		textoVisto[7] = false;
		animacion = false;
		textoQuitarEfecto = "<br><br><span class='raton' onClick='pararAnimacion()' onMouseOver='this.className="+'"'+"vinculo"+'"'+"'onMouseOut='this.className="+'"'+"raton"+'"'+"'><strong>quitar efecto texto</strong></span>";
		defineTextos();
		enMarcha();//muestro el mensaje de quitar efecto
	}
}

function cambioImagenes() {
	document.getElementById("imagen0").src= eval(apartado+"[0]");
	document.getElementById("imagen1").src= eval(apartado+"[1]");
	document.getElementById("imagen2").src= eval(apartado+"[2]");
	document.getElementById("imagen3").src= eval(apartado+"[3]");
	document.getElementById("imagen4").src= eval(apartado+"[4]");
}
function abrirDetalle(num) {
	var prueba = eval(apartado+"["+num+"]");
	if (prueba != false) {
		var pg = eval(apartado+"["+num+"][0]");
		var nom = eval(apartado+"["+num+"][1]");
		var prop = eval(apartado+"["+num+"][2]");
		open(pg,nom,prop);
	} 
}

