// Javascript con un bucle infinito para hacer una animacion  

var velocidad = 1000;
var posMarcador = 3;
var idVisible = 0;
var animacion = "off";
var out; //variable que guarda el siteTimeOut de la animación.

//Mostramos la capa que pasamos por parámetro
function mostrar (nombreCapa)
{
	var capa;
	
	if (document.layers) 
	{
		capa = eval("document." + nombreCapa);
	}

	if (document.all)
	{
		capa = eval(nombreCapa + ".style");
	}

	if (document.getElementById) 
	{
		capa = eval('document.getElementById ("' + nombreCapa + '").style');
	}
		
	capa.visibility = (document.layers) ? "show" : "visible" ;
}

//Ocultamos la capa que le pasamos por parámetro
function ocultar (nombreCapa)
{
	var capa;
	
	if (document.layers) 
	{
		capa = eval("document." + nombreCapa);
	}

	if (document.all)
	{
		capa = eval(nombreCapa + ".style");
	}

	if (document.getElementById) 
	{
		capa = eval('document.getElementById ("' + nombreCapa + '").style');
	}
		
	capa.visibility = (document.layers) ? "hide" : "hidden" ;
}

function mostraryocultar (nombre, inicio, actual, fin, incremento, tiempo, nombre2)
{
	ocultarVisible();
	recarga(nombre, inicio, actual, fin, incremento, tiempo	);
}
function boton_click(id)
{
	var boton = construirCadena('boton', id);

		ocultarVisible();
		mostrarImagen(id);

}
function mostrarImagen (id)
{	
	var imagen = construirCadena('imagen', id);
	mostrarFlecha(id);//mostramos la flecha oculta que está encima del botón.
	botonPulsado(id);
	mostrar(imagen);
	idVisible = id;

}
function ocultarVisible()
{
	ocultar(construirCadena('imagen',idVisible));
	botonLibre(idVisible);
}
function botonLibre(id)
{
	var boton = construirCadena('boton', id);
	eval('document.getElementById("' + boton + '").style.backgroundImage =  ""');
}
function botonPulsado(id)
{
	var boton = construirCadena('boton', id);
	eval('document.getElementById("' + boton + '").style.backgroundImage =  ""');
}
function mostrarFlecha(id)
{
	var flecha = construirCadena('flecha', idVisible);
	ocultar(flecha);
	
	flecha = construirCadena('flecha', id);
	mostrar(flecha);
	
}
function construirCadena(cadena, id)
{
	return cadena + id;
}