// Global Vars
var slideInterval = 5000;
var slideSpeed = 20;
var timerSpeed;
var timer;
var current = 0;

function so_xfade() {
	cOpacity = divs[current].xOpacity; //Obtiene el valor de la propiead "custom" xOpacity del elemento ACTUAL
	nIndex = (divs[current+1]) ? current+1 : 0; //Chequea si hay proxima imagen, sino vuelve a 0
	if(current != 0) {
		pIndex = (divs[current-1]) ? current-1 : 0; //Chequea si hay proxima imagen, sino vuelve a 0
	}

	nOpacity = divs[nIndex].xOpacity; // Obtiene el valor de la propiead "custom" xOpacity de la proximo elemento
	cOpacity-=.05; // opacidadActual = opacidadActual - .05   (se usa para restar en cada pasada y lograr efecto de FADEOUT)
	nOpacity+=.05; // opacidadNext = opacidadNext + .05       FADEIN
	divs[nIndex].className = "rota"; //Le asigno el class "rota"
	divs[current].xOpacity = cOpacity;
	divs[nIndex].xOpacity = nOpacity;
	setOpacity(divs[current]);
	setOpacity(divs[nIndex]);
	if(cOpacity<=0) { //Si la opacidad del elemento actual llego a 0
		divs[current].className = "oculto"; //Le asigno class "oculto"
		current = nIndex;
		if(!pause) { clearTimeout(timer); nPlay(); }	
	} else {
		timerSpeed = setTimeout(so_xfade,slideSpeed);
	}
	
	function setOpacity(obj) {
		if(obj.xOpacity>.99) {
			obj.xOpacity = .99;
			return;
		}
		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
		}
}


function so_xfadep() {
	cOpacity = divs[current].xOpacity; //Obtiene el valor de la propiead "custom" xOpacity del elemento ACTUAL
	if(current != 0) {
		nIndex = current-1;
	} else {
		nIndex = divs.length-1;
	}
	
	nOpacity = divs[nIndex].xOpacity; // Obtiene el valor de la propiead "custom" xOpacity de la proximo elemento
	cOpacity-=.05; // opacidadActual = opacidadActual - .05   (se usa para restar en cada pasada y lograr efecto de FADEOUT)
	nOpacity+=.05; // opacidadNext = opacidadNext + .05       FADEIN
	divs[nIndex].className = "rota"; //Le asigno el class "rota"
	divs[current].xOpacity = cOpacity;
	divs[nIndex].xOpacity = nOpacity;
	setOpacity(divs[current]);
	setOpacity(divs[nIndex]);
	if(cOpacity<=0) { //Si la opacidad del elemento actual llego a 0
		divs[current].className = "oculto"; //Le asigno class "oculto"
		current = nIndex;
		if(!pause) { clearTimeout(timer); nPlay(); }	
	} else {
		timerSpeed = setTimeout(so_xfadep,slideSpeed);
	}
	
	function setOpacity(obj) {
		if(obj.xOpacity>.99) {
			obj.xOpacity = .99;
			return;
		}
		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
		}
}

	function nPlay() {
		clearTimeout(timer); 
		timer = setTimeout(so_xfade,6000);
		pause = false;
	}

	function nNext() {
		clearTimeout(timer); 
		timer = setTimeout(so_xfade,100);
	}
	
	function nPrev() {
		clearTimeout(timer);
		timer = setTimeout(so_xfadep,100);
	}
	
	function nPlayPause() {
		element = document.getElementById('btnPause');
		if(!pause) {
			clearTimeout(timer);
			pause = true;
			element.className = 'bPlay';
			element.title = 'Reanudar rotación de noticias';
			element.lastChild.innerHTML = 'play';
		} else {
			pause = false;
			element.className = 'bPau'			
			element.title = 'Pausar rotación de noticias';
			element.lastChild.innerHTML = 'pausa';
			timer = setTimeout(so_xfade,1000);
			pause = false;
		}
	}
	
	function setBotonera() {
		//Preload  IMG
		/*if (document.images) {
		  pImg = new Image();
		  iUrl = new Array("btplh.gif", "btph.gif", "btsh.gif", "btpah.gif");
		  for(var i=0; i<iUrl.length; i++) {
			pImg.src = 'http://www.uol.com.ar/i/'+iUrl[i];
			alert('http://www.uol.com.ar/i/'+iUrl[i]);
		  }
		}*/
		
		var botoneraSlide = document.getElementById('botoneraSlide');
		botoneraSlide.style.display = 'block';
		var botones = botoneraSlide.getElementsByTagName('a');
		for(var i=0; i<botones.length; i++) {
			if(i==1) { botones[i].id = 'btnPause'}
			botones[i].onmouseover = function() {
				var classOld = this.className;
				var classNew = 'Hover';
				 this.className = classOld + classNew;			 
			}
			botones[i].onmouseout = function() {
				var classOld = this.className;
				 this.className = this.className.replace(/Hover/,'');		 
			}			
		}
	}