var bannerArray = new Array();
bannerArray[0] = "Emporia";
bannerArray[1] = "Kew";
bannerArray[2] = "Links";
bannerArray[3] = "Maia";
bannerArray[4] = "Moriko";
bannerArray[5] = "Rosetta";
bannerArray[6] = "Two-by-Two";
var i = 0;
//change delay to make each image show for longer, 10 = 1 second approximately
var delay = 65;
var opacity = 2*delay;
var imgWidth = 700;
var imgHeight = 526;

function fadeBannerOut()
{

	document.getElementById("bannerImage").style.opacity = opacity/16.6;
	document.getElementById("bannerImage").style.filter = 'alpha(opacity=' + opacity*16.6 + ')';

	opacity = opacity - 1;
	
	if(opacity >= 0)
	{
		setTimeout("fadeBannerOut()", 50);
	}
	else
	{
		
		if(i == 6)	// upper bound of array
		{
			i = 0;
		}
		else
		{
			i++;
		}

		document.getElementById("bannerImage").style.opacity = 0;
		document.getElementById("bannerImage").style.filter = 'alpha(opacity=' + 0 + ')';
		document.getElementById("bannerImage").src = "images/"+bannerArray[i]+".jpg";
		document.getElementById("bannerImageLink").href = bannerArray[i]+".asp";
		setTimeout("fadeBannerIn()", 100);
	}
}

function fadeBannerIn()
{
	document.getElementById("bannerImage").style.opacity = opacity/16.6;
	document.getElementById("bannerImage").style.filter = 'alpha(opacity=' + opacity*16.6 + ')';

	opacity = opacity + 1;
	
	if(opacity <= delay)
	{
		setTimeout("fadeBannerIn()", 50);
	}
	else
	{
		setTimeout("fadeBannerOut()", 50);
	}
}