// JavaScript Document

/*

Image Cross Fade Redux
Original Author: steve@slayeroffice.com
Modified by: Chris Wheeler
New Modified by: Design ruleSeven | www.designruleseven.com

Please leave this notice intact.

*/
window.addEventListener?window.addEventListener('load',init,false):window.attachEvent('onload',init);

var d=document, container, imgs = new Array(), zInterval = null, current=0, nIndex=0, cOpacity = 0, nOpacity = 0, time;

function elementById(x)
{
	if (d.getElementById)	return d.getElementById(x);
	else if (d.all)			return d.all[x];
	else if (d.layers)		return d.layers[x];
	else return null;
}

function init()
{
	if(!elementById || !d.createElement) return;
	imgs    = elementById('bgImgs').getElementsByTagName('img');
	anchors = elementById('ctrlBg').getElementsByTagName('a');
	for(i=1; i<imgs.length; i++) imgs[i].xOpacity = 0;
	imgs[0].style.display = 'block';
	imgs[0].xOpacity = 1;
	anchors[0].className = 'hover';
	time = setTimeout('xfade()',4000);
}

function 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';
	anchors[nIndex].className = 'hover';
	imgs[current].xOpacity = cOpacity;
	imgs[nIndex].xOpacity = nOpacity;

	setOpacity(imgs[current]);
	setOpacity(imgs[nIndex]);
	
	if(cOpacity<99) anchors[current].className = '';
	if(cOpacity<=0)
	{
		imgs[current].style.display = 'none';
		current = nIndex;
		time = setTimeout('xfade()',4000);
	}
	else time = setTimeout('xfade()',50);
}

function setOpacity(obj)
{
	if(obj.xOpacity > 1) { obj.xOpacity = 1; return; }
	obj.style.KHTMLOpacity = obj.xOpacity;
	obj.style.opacity = obj.xOpacity;
	obj.style.MozOpacity = obj.xOpacity;
	obj.style.filter = 'alpha(opacity=' + (obj.xOpacity*100) + ')';
}

function changeOrder(x)
{
	if(current != x)
	{
		clearTimeout(time);
		
		cOpacity  = imgs[nIndex].xOpacity;
		nOpacity  = imgs[x].xOpacity;
		
		cOpacity  = 0;
		nOpacity  = 1;
		
		for(i=0; i<imgs.length; i++)
		{	imgs[i].xOpacity = 0; setOpacity(imgs[i]) }
		for(i=0; i<anchors.length; i++) 	anchors[i].className = '';
		imgs[x].style.display = 'block';
		anchors[x].className = 'hover';
		imgs[x].xOpacity = nOpacity;
		
		imgs[nIndex].xOpacity = cOpacity;
		imgs[nIndex].style.display = 'none';
		anchors[nIndex].className = '';
		
		setOpacity(imgs[nIndex]);
		setOpacity(imgs[x]);
		
		current = x;
		time = setTimeout('xfade()',4000);
	}
}