function showOverlay(which) {		
	document.getElementById(which).style.display='block';	
}

function hideOverlay(which) {
	document.getElementById(which).style.display='none';
}	
var banner = new Array();
banner[0] = new Object;
banner[1] = new Object;
banner[2] = new Object;

banner[0].button = "banner_1";
banner[1].button = "banner_2";
banner[2].button = "banner_3";

banner[0].image = "/images/slideshow/2009christmasconcert.jpg";
banner[1].image = "http://www.seabrooksda.org/images/slideshow/2009-12-18_MoreAbundantLife.jpg";
banner[2].image = "http://www.seabrooksda.org/images/slideshow/2009-12-18_NYE.jpg";

banner[0].url = "http://www.seabrooksda.org/calendar/christmas-musical-church-servi.php";
banner[1].url = "/sermons/more-abundant-life-with-pastor/";
banner[2].url = "http://www.seabrooksda.org/calendar/new-years-eve-candlelight-comm.php";


var bannerTimer;
var bannerCounter = 0;

function startBanner()
{
	bannerTimer = setInterval("swapButton('auto')", 5000)
}

function stopBanner()
{
	clearInterval(bannerTimer);
}

function swapButton(which) {

	if (which == "auto")
	{
		bannerCounter++;
		if (bannerCounter >= banner.length)
		{
			bannerCounter = 0;
		}
		which = bannerCounter;
	}
	else
	{
		clearInterval(bannerTimer);
	}

	for (i = 0; i < banner.length; i++)
	{
		document.getElementById(banner[i].button).className='unselected';
	}

	document.getElementById('bannerImage').src = banner[which].image;
	document.getElementById('bannerURL').href = banner[which].url;

	document.getElementById(banner[which].button).className='selected';
	document.getElementById(banner[which].button).blur();

}

function showOverlay(which) {	
	/*alert(which);	*/
	document.getElementById(which).style.display='block';	
}

function hideOverlay(which) {
	document.getElementById(which).style.display='none';
}