var bnrImgs = document.getElementById('bannerOuterWrapper').getElementsByTagName('img');
var currentID = 0;
var nextID = 0;
var bannerLock = false;

var fadeVal = 100;
function fade()
{
	if(fadeVal>0)
	{
		fadeVal=fadeVal-5;

		bnrImgs[currentID].style.filter = 'alpha(opacity='+fadeVal+')';
		bnrImgs[currentID].style.opacity=fadeVal/100;
		
		document.getElementById('bannerTxt'+currentID).style.filter = 'alpha(opacity='+fadeVal+')';
		document.getElementById('bannerTxt'+currentID).style.opacity=fadeVal;

		document.getElementById('bannerTxt'+nextID).style.filter = 'alpha(opacity='+(100-fadeVal)+')';
		document.getElementById('bannerTxt'+nextID).style.opacity=(100-fadeVal)/100;

		setTimeout('fade()', 1);
	}
		else
	{
		document.getElementById('bannerControl0').style.color='#FFFFFF';
		document.getElementById('bannerControl1').style.color='#FFFFFF';
		document.getElementById('bannerControl2').style.color='#FFFFFF';
		document.getElementById('bannerControl'+nextID).style.color='#003066';


		for(i=0;i<3;i++)
		{
			if(i!=currentID && i!=nextID)
			{
				bnrImgs[i].style.zIndex='1';
				document.getElementById('bannerTxt'+i).style.zIndex='8';
			}
		}
		bnrImgs[currentID].style.zIndex='2';
		document.getElementById('bannerTxt'+currentID).style.zIndex='9';
		bnrImgs[nextID].style.zIndex='3';
		document.getElementById('bannerTxt'+nextID).style.zIndex='10';

		fadeVal=100;
		currentID=nextID;
		nextID=0;
		bannerLock=false;
	}
}

function showBanner(bannerID)
{
	if(bannerLock == false && bannerID != currentID)
	{
		bannerLock = true;
		bnrImgs[currentID].style.zIndex='3';
		document.getElementById('bannerTxt'+currentID).style.zIndex='10';
		bnrImgs[bannerID].style.zIndex='2';
		bnrImgs[bannerID].style.filter = "alpha(opacity=100)";
		bnrImgs[bannerID].style.opacity='100';
		document.getElementById('bannerTxt'+bannerID).style.zIndex='9';
		document.getElementById('bannerTxt'+bannerID).style.filter = "alpha(opacity=0)";
		document.getElementById('bannerTxt'+bannerID).style.opacity='0';

		for(i=0;i<3;i++)
		{
			if(i!=currentID && i!=bannerID)
			{
				bnrImgs[i].style.zIndex='1';
				document.getElementById('bannerTxt'+i).style.zIndex='8';
			}
		}
		nextID=bannerID;
		fade();
	}
}

for(i=0;i<bnrImgs.length;i++)
{
	bnrImgs[i].style.position='absolute';
	bnrImgs[i].style.top='4px';
	bnrImgs[i].style.left='4px';
	bnrImgs[i].style.marginBottom='0px'
}

bnrImgs[0].style.zIndex='3';
bnrImgs[1].style.zIndex='2';
bnrImgs[2].style.zIndex='1';

document.getElementById('bannerTxt0').style.zIndex='10';
document.getElementById('bannerTxt1').style.zIndex='9';
document.getElementById('bannerTxt2').style.zIndex='8';
document.getElementById('bannerTxt1').style.top='0px';
document.getElementById('bannerTxt2').style.top='0px';
document.getElementById('bannerTxt1').style.opacity='0';
document.getElementById('bannerTxt1').style.filter = "alpha(opacity=0)";
document.getElementById('bannerTxt2').style.opacity='0';
document.getElementById('bannerTxt2').style.filter = "alpha(opacity=0)";

document.getElementById('bannerControls').style.display='block';