// Create an Array of Image Locations
var myImg= new Array()
	myImg[0]= "img/chomp0.jpg";
	myImg[1]= "img/chomp1.jpg";
	myImg[2]= "img/chomp2b.jpg";
	myImg[3]= "img/chomp3b.jpg";
	myImg[4]= "img/chomp4b.jpg";
	myImg[5]= "img/chomp5b.jpg";
	myImg[6]= "img/chomp6b.jpg";
	myImg[7]= "img/chomp7.jpg";
	myImg[8]= "img/chomp8.jpg";
	myImg[9]= "img/chomp9.jpg";
	myImg[10]= "img/chomp10.jpg";
	myImg[11]= "img/chomp11.jpg";
	myImg[12]= "img/chomp12.jpg";


// Create an Array of Captions
var myCap= new Array()
	myCap[0]= "Our mascot Chomp.";
	myCap[1]= "Chomp saving money as usual.";
	myCap[2]= "Chomp on an airboat.";
	myCap[3]= "Chomp playing Polo.";
	myCap[4]= "Chomp relaxing on a hammock.";
	myCap[5]= "Chomp caught a fish!.";
	myCap[6]= "Chomp riding a 4 wheeler.";
	myCap[7]= "Chomp at Moroso.";
	myCap[8]= "Chomp going mudding in a monster truck.";
	myCap[9]= "Oh no! Chomp's being attacked by bees!";
	myCap[10]= "Chomp is about to dig some holes.";
	myCap[11]= "Chomp cutting the grass.";
	myCap[12]= "Chomp lounging in front of a fan.";

// Create Number of Images Variable
var n = myImg.length;

// Create Number Variable
var i = 0;

// Create Image Number Variable
var m = 1;

// Create Function to Load Image
function loadImg(){
// Gives "imgSrc" a Source with Number Variable
	document.imgSrc.src = myImg[i];
// Gives "caption" DIV a content
	document.getElementById("caption").innerHTML = myCap[i];
// Gives "imgNum" DIV the image number
	document.getElementById("imgNum").innerHTML = m + "/" + n;
}

// Create Link Function to Switch Image Backward
function prev(){
// Create If/Else Statement to Stop at Certain Image
// If the Number Variable is Less Than 1
	if(i<1){
// Create Another Next Number Variable which Equals to Number Variable
		var l = i=n-1;
// Create Current Number Variable which Equals to Image Number Variable
		var c = m=n;
// Otherwise
	}else{
// Next Number Variable Equals to Number Variable - 1
		var l = i-=1;
// Current Number Variable Equals to Image Number Variable - 1
		var c = m-=1;
	}
// Gives "imgSrc" a Source with an Alternative "l" Variable
	document.imgSrc.src = myImg[l];
// Gives "caption" DIV a content
	document.getElementById("caption").innerHTML = myCap[i];
// Gives "imgNum" DIV the image number
	document.getElementById("imgNum").innerHTML = c + "/" + n;
}

// Create Link Function to Switch Image Forward
function next(){
// Create If/Else Statement to Stop at Certain Image
// If the Number Variable is More Than [Minus 1 of the Number of Arrays]
	if(i>n-2){
// Create Next Number Variable which Equals to Number Variable
		var l = i=0;
// Create Current Number Variable which Equals to Image Number Variable
		var c = m=1;
// Otherwise
	}else{
// Next Number Variable Equals to Number Variable + 1
		var l = i+=1;
// Current Number Variable Equals to Image Number Variable + 1
		var c = m+=1;
	}
// Gives "imgSrc" a Source with Next Number Variable
	document.imgSrc.src = myImg[l];
// Gives "caption" DIV a content
	document.getElementById("caption").innerHTML = myCap[i];
// Gives "imgNum" DIV the image number
	document.getElementById("imgNum").innerHTML = m + "/" + n;
}

// Load function after page loads
window.onload = loadImg;
//-->