/*
	Función que nos devuelve un elemento HTML por us id
*/
function O(id){
	return document.getElementById(id);
}
/*
	Funciones para la gestión de las imágenes de las próximas pruebas
*/
var nima = 0;//Numero de imagenes que hay en la web para próximas pruebas
var viendo = -1;//Hace referencia a la imagen que se está viendo en cada momento
var idTiempoCambio = 0;//Variable que guarda el id del tiempo de cambio de las imagen
var imagenes = new Array();//Array que guarda todas las imágenes para próximas pruebas
function proximas(idCapa, idCapaBotones){
	imagenes = O(idCapa).childNodes;/* Obtengo todoas las imágenes */
	nima = imagenes.length;
	if(nima>0){//Si hay imágenes
		for(i=0; i<nima; i++){
			imagenes[i].className = "oculto";//Oculto todas
		}
		imagenes[0].className = "visible";//muestro la primera
		viendo = 0;
	}
	if(nima>1){// Si hay más de una imágen cargo los botones y voy cambiando la imagen cada X segundos
		//Insertar los botones
		var capaPadre = O(idCapaBotones);
		//creo los elemetos
		var anterior = document.createElement("a");
		var siguiente = document.createElement("a");
		var limpiar = document.createElement("div");
		//atributos
		/*anterior.setAttribute("href","#");*/
		anterior.setAttribute("href","javascript:iAnterior()");//Para ahorrarme el onclick y no volver al principio de la página
		anterior.setAttribute("id","banterior");
		anterior.setAttribute("class","bdesactivo");//Se está viendo el primero, por lo que no hay imagen anterior
		/*siguiente.setAttribute("href","#");*/
		siguiente.setAttribute("href","javascript:iSiguiente()");//Para ahorrarme el onclick y no volver al principio de la página
		siguiente.setAttribute("id","bsiguiente");
		siguiente.setAttribute("class","bactivo");
		limpiar.setAttribute("style","clear: both;");
		//eventos
		/*anterior.onclick = function() { iAnterior() };
		siguiente.onclick = function() { iSiguiente() };//Para ahorrarme el onclick y no volver al principio de la página*/
		//creo los nodos de texto
		var TextS = document.createTextNode("Siguiente");
		var TextA = document.createTextNode("Anterior");
		//añado los elementos de texto a los nodos (a)
		anterior.appendChild(TextA);
		siguiente.appendChild(TextS);
		//añado todos a la capa padre
		capaPadre.appendChild(anterior);
		capaPadre.appendChild(siguiente);
		capaPadre.appendChild(limpiar);
		
		//Preparo la función cada X segundos
		//idTiempoCambio = setTimeout('cambiarImagen()', 5000);//5 Segundos
		idTiempoCambio = setInterval('cambiarImagen()', 5000);//5 Segundos
	}
}
function cambiarImagen(){
	//oculto la visible
	imagenes[viendo].className = "oculto";//Oculto todas
	//calculo la siguiente modularmente
	viendo = (viendo+1)%nima;
	//muestro la siguiente
	imagenes[viendo].className = "visible";//muestro la actual
	//Compruebo los botones y los cambio si es necesario
	//Primero cambio los dos
	O('banterior').className = "bactivo";
	O('bsiguiente').className = "bactivo";
	if(viendo==0){
		O('banterior').className = "bdesactivo";
	}
	if(viendo==(nima-1)){
		O('bsiguiente').className = "bdesactivo";
	}
}
function pararCambio(){
	if(nima>1){
		clearInterval(idTiempoCambio);//Paro la ejecución del cambio de imágenes
	}
}
function reanudarCambio(){
	if(nima>1){
		idTiempoCambio = setInterval('cambiarImagen()', 5000);//5 Segundos
	}
}
function iAnterior(){
	if(viendo>0){
		//oculto la visible
		imagenes[viendo].className = "oculto";//Oculto todas
		//calculo la anterior
		viendo = (viendo-1);
		//muestro la siguiente
		imagenes[viendo].className = "visible";//muestro la actual
		//Compruebo los botones y los cambio si es necesario
		//Primero cambio los dos
		O('banterior').className = "bactivo";
		O('bsiguiente').className = "bactivo";
		if(viendo==0){
			O('banterior').className = "bdesactivo";
		}
	}
}
function iSiguiente(){
	if(viendo<(nima-1)){
		//oculto la visible
		imagenes[viendo].className = "oculto";//Oculto todas
		//calculo la siguiente
		viendo = (viendo+1);
		//muestro la siguiente
		imagenes[viendo].className = "visible";//muestro la actual
		//Compruebo los botones y los cambio si es necesario
		//Primero cambio los dos
		O('banterior').className = "bactivo";
		O('bsiguiente').className = "bactivo";
		if(viendo==(nima-1)){
			O('bsiguiente').className = "bdesactivo";
		}
	}
}