/*  Image Cross Fade Redux Version 1.0 Last revision: 02.15.2006
	steve@slayeroffice.com http://sonspring.com/journal/slideshow-alternative
	Modified by Rich Keeler */

window.addEventListener?window.addEventListener('load',so_init,false):window.attachEvent('onload',so_init);
var d=document, imgs = new Array(), zInterval = null, current=0, timer, pause=false;

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

	imgs = d.getElementById('rotator').getElementsByTagName('img');
	for(i=0;i<imgs.length;i++) {
		imgs[i].xOpacity = 0;
		
		// show a number for each image
		var num = d.createElement('div');
		num.innerHTML = i + 1;
		num.setAttribute("class", "number");
		num.setAttribute("onclick", "show(" + i + ")");
		d.getElementById('rotator-controls').appendChild(num);
	}
	
	imgs[0].style.display = 'block';
	imgs[0].xOpacity = .99;

	timer = setTimeout(so_xfade,4000);
}

function show(image_index) {
	clearTimeout(timer);
	imgs = d.getElementById('rotator').getElementsByTagName('img');
	for(i=0;i<imgs.length;i++) {
		imgs[i].style.display = 'none';
	}

	imgs[image_index].style.opacity = 1;
	imgs[image_index].style.MozOpacity = 1;
	imgs[image_index].style.filter = 'alpha(opacity=100)';
	imgs[image_index].style.display = 'block';
}

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;

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

	if(cOpacity<=0) {
		imgs[current].style.display = 'none';
		current = nIndex;
		timer = setTimeout(so_xfade,4000);
	} else {
		timer = 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) + ')';
	}
}

/*d.getElementById('pause').onclick = function() {
	if (d.getElementById('pause').innerHTML=='PAUSE') {
		clearTimeout(timer);
		d.getElementById('pause').innerHTML = 'PLAY';
	} else {
		so_xfade();
		d.getElementById('pause').innerHTML = 'PAUSE';
	}
	return false;
};*/