/*

	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;


var tSecs = 5 * 1000;


function so_init()

{

	if(!d.getElementById || !d.createElement)return;

	css = d.createElement('link');

	css.setAttribute('href','customise/styles/layout.css');

	css.setAttribute('rel','stylesheet');

	css.setAttribute('type','text/css');

	d.getElementsByTagName('head')[0].appendChild(css);

	if (document.getElementById('imageContainer')) { 

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

		for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;

		imgs[0].style.display = 'block';

		imgs[0].xOpacity = .99;
		
	}

	setTimeout(so_xfade,tSecs);

}



function so_xfade()

{

	if (document.getElementById('imageContainer')) { 

		cOpacity = imgs[current].xOpacity;

		nIndex = imgs[current+1]?current+1:0;

		nOpacity = imgs[nIndex].xOpacity;

		cOpacity-=.05;

		nOpacity+=.05;
		
	}

	if (document.getElementById('imageContainer')) { 

		imgs[nIndex].style.display = 'block';

		imgs[current].xOpacity = cOpacity;

		imgs[nIndex].xOpacity = nOpacity;

		setOpacity(imgs[current]);

		setOpacity(imgs[nIndex]);
	
	}

	if (document.getElementById('imageContainer')) { 

		if(cOpacity<=0)

		{

			imgs[current].style.display = 'none';

			current = nIndex;

			setTimeout(so_xfade,tSecs);

		}

		else

		{

			setTimeout(so_xfade,50);

		}
	
	}



	function setOpacity(obj)

	{

		if(obj.xOpacity<.01)
		
		{
		
			setFilter(obj, obj.xOpacity);
			
		}

		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 removeFilter(element) {
	if(element.style.filter && element.style.removeAttribute) {
		element.style.removeAttribute('filter');
	}
}

function setFilter(element, value) {
	element.style.filter = value;
}