// JavaScript Document
var contador = 0;
var diapositivas = [];
var intervalos = 0;

function inicio() {
	var contenedor = document.getElementById("bannerDiv");
	while (contenedor.childNodes.length > 0){
		if (contenedor.getElementsByTagName("img")[0]==contenedor.firstChild){
		diapositivas[diapositivas.length] = contenedor.removeChild(contenedor .firstChild);
		}
		else 
			contenedor.removeChild(contenedor.firstChild);
	}
}
function adelante() {
	var indicador = document.getElementById("img" + contador);
	indicador.style.fontWeight = "normal";
	indicador.style.fontSize = "14px";
	contador++;
	if (contador >= diapositivas.length) contador = 0;
		ponerImagen()
}
function atras() {
	contador--;
	if (contador < 0 ) contador = diapositivas.length - 1;
		ponerImagen();
}

function ponerImagen() {
	var contenedor = document.getElementById("bannerDiv");
	var indicador = document.getElementById("img" + contador);
	if (contenedor.childNodes.length==0){
		contenedor.appendChild(diapositivas[contador]);
	}
	else{
		contenedor.replaceChild(diapositivas[contador], contenedor.childNodes[0]);
	}
	
	indicador.style.fontWeight = "bold";
	indicador.style.fontSize = "18px";
	
	clearInterval(intervalos);
	intervalos = setInterval(continuar, 5000);
}
function mostrar(id){
	contador = id;
	ponerImagen();
}
function continuar(){
	clearInterval(intervalos);
	adelante();
}
function iniciarBanner(){
	inicio();
	ponerImagen();
}