/*
	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, imgs1 = new Array(), imgs2 = new Array(), current1=0, current2=0, pause=false;

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);

	imgs1 = d.getElementById('rotator1').getElementsByTagName('img');
	for(i=1;i<imgs1.length;i++) imgs1[i].xOpacity = 0;
	imgs1[0].style.display = 'block';
	imgs1[0].xOpacity = .99; 
	
	imgs2 = d.getElementById('rotator2').getElementsByTagName('img');
	for(i=1;i<imgs2.length;i++) imgs2[i].xOpacity = 0;
	imgs2[0].style.display = 'block';
	imgs2[0].xOpacity = .99;

	setTimeout(fade1,3000);
	setTimeout(fade2,500);
}

function fade1() 
{
	so_xfade(imgs1, current1);
}
function fade2() 
{
	so_xfade(imgs2, current2);
}

function so_xfade(imgs, current)
{
	var timeS;
	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;
		timeS=5000;
		
	} else {
		timeS=50;
	}
	
	if (imgs == imgs1) {
			current1 = current;
			setTimeout(fade1,timeS);
	} else {
			current2 = current;
			setTimeout(fade2,timeS);
	}

	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) + ')';
	}
}