// JavaScript Document

var auto; 
var fundidoActivo=false;
var fotoInicial=0;
var fotoActual;

window.onload=function() { iniciar(fotoInicial); }

function iniciar(fotoInicial) {
	var donde=document.getElementById('selectorImg');
	donde.style.visibility='visible';
	var fotos=document.getElementById('imagenes');
	var listaFotos=fotos.getElementsByTagName('img');
	fotoActual=fotoInicial;
	auto=setInterval(function() {
		if (fotoActual<(listaFotos.length-1)) {
			fotoActual++;
			selecciona(fotoActual);
			fadeIn(listaFotos[fotoActual].id,0);
		}
		else {
			fotoActual=0;
			selecciona(fotoActual);
			fadeIn(listaFotos[fotoActual].id,0);
		}
		//cambiaTxt(listaFotos[fotoActual].id);
	},6000);
	var seleccion=document.getElementById('selectorImg');
	var botones=seleccion.getElementsByTagName('a');
	for (var i=0; i<botones.length; i++) {
		botones[i].onclick=function() { manual(this); }
	}
}

function manual(cual) {
	if (fundidoActivo) { return; }
	ide=cual.id;
	ide=ide.substr(1,2);
	if (fotoActual==ide) { return; }
	clearInterval(auto);
	selecciona(ide);
	//cambiaTxt('i'+ide);
	fadeIn('i'+ide,0);
	iniciar(ide);
}

function selecciona(numero) {
	var seleccion=document.getElementById('selectorImg');
	var botones=seleccion.getElementsByTagName('a');
	for (var i=0; i<botones.length; i++) {
		botones[i].className='';	
	}
	botones[numero].className='actual';
}

function fadeIn(objetoId,opacidad) {
   if (document.getElementById) {
  	var objeto = document.getElementById(objetoId);
    if (opacidad <=100) {
	  if (!fundidoActivo) { fundidoActivo=true; }
      transparencia(objeto, opacidad);
      opacidad += 10;
      window.setTimeout("fadeIn('"+objetoId+"',"+opacidad+")", 30);
    }
	else { 
		fundidoActivo=false;
		var fotos=document.getElementById('imagenes');
		var listaFotos=fotos.getElementsByTagName('img');
		for (var i=0; i<listaFotos.length;i++) {
			if (listaFotos[i].id==objetoId) {
				listaFotos[i].style.zIndex='1';
			}
			else { 
				//console.log('listaFotos[i]: ' + listaFotos[i].id);
				transparencia(listaFotos[i],0);
				listaFotos[i].style.zIndex='2';
			}
		}
	}
  }
}



function transparencia(objeto,valor) {
	valor = (valor == 100) ? 99.999 : valor;
	// IE/Win
	objeto.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity="+valor+")";
	// Safari anterior a 1.2, Konqueror
	objeto.style.KHTMLOpacity = valor /100;
	// anteriores Mozilla y Firefox
	objeto.style.MozOpacity = valor /100;
	// Safari 1.2, posterior Firefox y Mozilla, CSS3
	objeto.style.opacity = valor /100;
}