/*
	Image Cross Fade Redux
	Version 1.0
	Last revision: 02.15.2006
	steve@slayeroffice.com

	Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html
*/

window.addEventListener?window.addEventListener('load',so_init,false):window.attachEvent('onload',so_init);

var d = document, imgs = new Array(), zInterval = null, current = 0, pause = false;

//variables asignadas para el carrousel
var t,buttons=new Array();

function so_init()
{
	if(!d.getElementById || !d.createElement)return;

	css = d.createElement('link');
	css.setAttribute('href','slideshow2.css');
	css.setAttribute('rel','stylesheet');
	css.setAttribute('type','text/css');
	d.getElementsByTagName('head')[0].appendChild(css);

	imgs = d.getElementById('rotator').getElementsByTagName('img');

	buttons = d.getElementById('handlesCBT').getElementsByTagName('span');
	
	for(i=1;i<imgs.length;i++) {imgs[i].xOpacity = 0;setOpacity(imgs[i]);}
	imgs[0].style.display = 'block';
	imgs[0].xOpacity = .99;
	setOpacity(imgs[0])
	buttons[0].className = 'active';
	t=setTimeout(so_xfade, 3000);
}

function so_xfade()
{
	cOpacity = imgs[current].xOpacity;
	nIndex = imgs[current+1]?current+1:0;
	nOpacity = imgs[nIndex].xOpacity;

	cOpacity-=.05;
	nOpacity+=.05;

	imgs[nIndex].style.display = 'block';
	imgs[current].xOpacity = cOpacity;
	imgs[nIndex].xOpacity = nOpacity;
	buttons[current].className = '';
	buttons[nIndex].className = 'active';

	setOpacity(imgs[current]);
	setOpacity(imgs[nIndex]);

	if(cOpacity<=0) {
	   
		imgs[current].style.display = 'none';
		current = nIndex;
		t=setTimeout(so_xfade, 3000);
	}
	else
	{
	    t=setTimeout(so_xfade, 50);
    }
}

	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 pararTimer() {
	    clearTimeout(t);
	}


    //index-->0 based index of the image array
	function changePos(index) {
	    pararTimer();

        //ocultamos imagen actual
	    imgs[current].xOpacity = 0;
	    setOpacity(imgs[current]);
	    imgs[current].style.display = 'none';
	    
	    //mostramos imagen seleccionada
	    imgs[index].xOpacity = 0.99;
	    setOpacity(imgs[index]);
	    imgs[index].style.display = 'block';

	    //cambiamos el botón
	    buttons[current].className = '';
	    buttons[index].className = 'active';
	    
        //cambiamos el indice de recorrido
	    current = index;
	    
	    reanudarTimer();
	}

	function reanudarTimer() {
	    t=setTimeout(so_xfade, 3000);
	}