var bannerImage = new Array();
var bannerLink = new Array();
  bannerLink.push  ( "/philippians" );
  bannerImage.push ( "/philippians/Philippians.thumbnail.jpg" );
  bannerLink.push  ( "/revelation" );
  bannerImage.push ( "/revelation/downloads/Revelation-Postcard-Front.thumbnail.jpg" );
  bannerLink.push  ( "/Timothy");
  bannerImage.push ( "/Timothy/SecondTimothy-PosterLandscape.thumbnail.jpg");
  bannerLink.push  ( "/john" );
  bannerImage.push ( "/john/downloads/John-Poster-Landscape-A3-Thumbnail.jpg" );
  bannerLink.push  ( "/jonah" );
  bannerImage.push ( "/jonah/Jonah-Poster-Thumbnail.jpg" );
  bannerLink.push  ( "/ruth" );
  bannerImage.push ( "/ruth/Ruth-Poster-Thumbnail.jpg" );
  bannerLink.push  ( "/pentecost" );
  bannerImage.push ( "/pentecost/Pentecost-Poster-Black.thumbnail.jpg" );
  bannerLink.push  ( "/MissionOfPaul3" );
  bannerImage.push ( "/MissionOfPaul3/MissionOfPaul3-Poster-Thumbnail.jpg" );
  bannerLink.push  ( "/samuel" );
  bannerImage.push ( "/samuel/Samuel-Poster-Thumbnail.jpg" );
  bannerLink.push  ( "/Luke" );
  bannerImage.push ( "/Luke/downloads/Luke-Postcard-Front.thumbnail.jpg" );

var i = 0;
var total = bannerImage.length;
var timeInterval = 4000;
var intervalId;

function PauseRotating() {
	window.clearInterval(intervalId);
}
function StartRotating() {
	intervalId = window.setInterval(RotateNext,Number(timeInterval));
}

function RotateNext() {
	Rotate( (i + 1) % total );
}

function Rotate(x) {
	document.getElementById("Circle"+i).src="/Images/Circle-Hollow.png";
	document.getElementById('bannerImage').src=bannerImage[x];
	document.getElementById("Circle"+x).src="/Images/Circle-Full.png";
	document.getElementById('bannerLink').href=bannerLink[x];
	i = x;
}
window.onload=StartRotating;