//Almacena los distintos timers, tanto de salida como de entrada
var timerID_out = new Array();
var timerID_in = new Array();

//Ultimo elemento e imagen mostrados
var lastItem;
var lastImage;


//Aumenta la opacidad del elemento indicado.
function moreOpacity(objId) {
	//Obtenemos el opacity actual
	obj = document.getElementById(objId);
	
	if (obj.style == undefined) {
		opacity =0;
	} else if (obj.style.opacity !=undefined ) {
		opacity = obj.style.opacity*100;
	}else{
		opacity = 0;
	}
	
	if (opacity>=100) {
		//var nameTimer= obj.id;
		clearInterval(timerID_out);
		endFade(obj);
	} else {
		opacity++;
		
		if (obj.style.opacity != undefined) {
			obj.style.opacity = opacity/100;
		}
		if (obj.style.MozOpacity != undefined) {
			obj.style.MozOpacity = opacity/100;
		}	
		if (obj.style.filter != undefined) {
			obj.style.filter = "alpha(opacity:"+opacity+")";
		}				
	}	
}				


//Finaliza el bucle de apagado
function endFade(objID) {
	document.getElementById('imageFade1').src=objID.src;
	
	if (obj.style.opacity != undefined) {
		obj.style.opacity = 0;
	}
	if (obj.style.MozOpacity != undefined) {
		obj.style.MozOpacity = 0;
	}	
	if (obj.style.filter != undefined) {
		obj.style.filter = "alpha(opacity:0)";
	}			
	document.getElementById('imageFade1').src=objID.src;
	
}		

//Inicia el bucle de encendido
function fadeIn(objID) {
	var nameTimer = objID.id;
	//clearInterval(timerID_out[nameTimer]);
	timerID_out= setInterval("moreOpacity(\'"+nameTimer+"\')", 10);
}			


//Inicia la animación general
lastImage=0;
var imageList = new Array(
	'img/fade/foto1.jpg',
	'img/fade/foto2.jpg',
	'img/fade/foto3.jpg'
);


function loopFade() {
	lastImage++ ;
	lastImage=lastImage%3;
	document.getElementById('imageFade2').src=imageList[lastImage];
	fadeIn(document.getElementById('imageFade2'));
	setTimeout("loopFade()",5000);	
}

function startFading() {
	loopFade();
	//setTimeout("loopFade()",100);
}