// JavaScript Document
var currentPic = 0; 
var url = 'images/';

var pics = new Array( 
							'creation.jpg',
							'crucifixion.jpg',
							'earlychurch.jpg',
							'incarnation.jpg',
							'lutheranism-america.jpg',
							'miracles.jpg',
							'pentecost.jpg',
							'postreformation.jpg',
							'preparation.jpg',
							'prereformation.jpg',
							'promise.jpg',
							'reformation.jpg',
							'resurrection.jpg',
							'stpaul.jpg',
							'teachings.jpg',
							'transfiguration.jpg',
							'worldmission.jpg');

var captions = new Array( 
'<p>1</p>', 
'<p>2</p>', 
'<p>3</p>', 
'<p>4</p>', 
'<p>5</p>', 
'<p>6</p>', 
'<p>7</p>', 
'<p>8</p>', 
'<p>9</p>', 
'<p>10</p>', 
'<p>11</p>', 
'<p>12</p>', 
'<p>13</p>', 
'<p>14</p>', 
'<p>15</p>', 
'<p>16</p>'
'<p>17</p>');

function setCurrent() {
	document['photo'].src = url + pics[currentPic]; 
	var caption = document.getElementById('caption');
	caption.innerHTML = captions[currentPic];
}

function changeForward() { 
	if (currentPic + 1 == pics.length) { 
		currentPic = 0; 
	} else { 
		currentPic++; 
	} 
	document['photo'].src = url + pics[currentPic]; 
	var caption = document.getElementById('caption');
	caption.innerHTML = captions[currentPic];
} 

function changeBack() { 
	if (currentPic == 0) { 
		currentPic = pics.length - 1; 
	} else { 
		currentPic--; 
	} 
	document['photo'].src = url + pics[currentPic]; 
	var caption = document.getElementById('caption');
	caption.innerHTML = captions[currentPic];
}

function chooseRandom() {
	var allpics = new Array(
							'creation.jpg',
							'crucifixion.jpg',
							'earlychurch.jpg',
							'incarnation.jpg',
							'lutheranism-america.jpg',
							'miracles.jpg',
							'pentecost.jpg',
							'postreformation.jpg',
							'preparation.jpg',
							'prereformation.jpg',
							'promise.jpg',
							'reformation.jpg',
							'resurrection.jpg',
							'stpaul.jpg',
							'teachings.jpg',
							'transfiguration.jpg',
							'worldmission.jpg');
	
	var randomint = Math.floor(allpics.length*Math.random());
	document.writeln("<img src='"+url+allpics[randomint]+"' id='main' alt='' />");
}