function getIndex (theArray, maxIndex, theFilename) {
	for (i = 0; i <= maxIndex; i++) {
		if (theFilename == theArray [i]) {
			return i;
		}
	}
	return 0;
}
	
treesPages = new Array (4);
treesPages[0] = "index";
treesPages[1] = "aspen";
treesPages[2] = "douglasFir";
treesPages[3] = "ponderosaPine";
treesPages[4] = "juniper";
maxTreesPages = 4;

function closeAllMenus () {
document.getElementById('trees').style.display="none";
document.getElementById('shrubs').style.display="none";
document.getElementById('wildflowers').style.display="none";
document.getElementById('cactus').style.display="none";
}

function treesNextPrev (page) {
	if (page == 0) {
		document.getElementById('treesPrevImg').src = "../CommonImages/lightPreviousPageButton.jpeg";
		document.getElementById('treesPrevA').onclick = "";
		document.getElementById('treesNextImg').src = "../CommonImages/darkNextPageButton.jpeg";
		document.getElementById('treesNextA').onclick = function ()
			{ changeTreesContentPage (1); }
	} else 	if (page == maxTreesPages) {
		document.getElementById('treesPrevImg').src = "../CommonImages/darkPreviousPageButton.jpeg";
		document.getElementById('treesPrevA').onclick = function ()
			{ prevPage = maxTreesPages - 1;
              changeTreesContentPage (prevPage); }
		document.getElementById('treesNextImg').src = "../CommonImages/lightNextPageButton.jpeg";
		document.getElementById('treesNextA').onclick = "";
	} else {
		document.getElementById('treesPrevImg').src = "../CommonImages/darkPreviousPageButton.jpeg";
		document.getElementById('treesPrevA').onclick = function ()
			{ changeTreesContentPage (page - 1); }
		document.getElementById('treesNextImg').src = "../CommonImages/darkNextPageButton.jpeg";
		document.getElementById('treesNextA').onclick = function ()
			{ changeTreesContentPage (page + 1); }
	}
}

function changeTreesContentPage (page) {
document.getElementById('contentTitle').src= "Trees/" + treesPages [page] + ".jpeg";
document.getElementById('theContent').src= "Trees/" + treesPages [page] + ".php";
treesNextPrev (page);
}

function setupTrees (filename) {
document.getElementById('trees').style.display="block";
document.getElementById('shrubs').style.display="none";
document.getElementById('wildflowers').style.display="none";
document.getElementById('cactus').style.display="none";
document.getElementById('contentTitle').src="Trees/" + filename + ".jpeg";
fileIndex = getIndex (treesPages, maxTreesPages, filename);
treesNextPrev (fileIndex);
}

function showTrees () {
document.getElementById('trees').style.display="block";
document.getElementById('shrubs').style.display="none";
document.getElementById('wildflowers').style.display="none";
document.getElementById('cactus').style.display="none";
changeTreesContentPage (0);
}

shrubsPages = new Array (11);
shrubsPages[0] = "index";
shrubsPages[1] = "cliffbush";
shrubsPages[2] = "juniper";
shrubsPages[3] = "gambelOak";
shrubsPages[4] = "kinnickinnick";
shrubsPages[5] = "mahogany";
shrubsPages[6] = "rabbitBrush";
shrubsPages[7] = "cinquefoil";
shrubsPages[8] = "sumac";
shrubsPages[9] = "current";
maxShrubsPages = 9;

function shrubsNextPrev (page) {
	if (page == 0) {
		document.getElementById('shrubsPrevImg').src = "../CommonImages/lightPreviousPageButton.jpeg";
		document.getElementById('shrubsPrevA').onclick = "";
		document.getElementById('shrubsNextImg').src = "../CommonImages/darkNextPageButton.jpeg";
		document.getElementById('shrubsNextA').onclick = function ()
			{ changeShrubsContentPage (1); }
	} else 	if (page == maxShrubsPages) {
		document.getElementById('shrubsPrevImg').src = "../CommonImages/darkPreviousPageButton.jpeg";
		document.getElementById('shrubsPrevA').onclick = function ()
			{ prevPage = maxShrubsPages - 1;
              changeShrubsContentPage (prevPage); }
		document.getElementById('shrubsNextImg').src = "../CommonImages/lightNextPageButton.jpeg";
		document.getElementById('shrubsNextA').onclick = "";
	} else {
		document.getElementById('shrubsPrevImg').src = "../CommonImages/darkPreviousPageButton.jpeg";
		document.getElementById('shrubsPrevA').onclick = function ()
			{ changeShrubsContentPage (page - 1); }
		document.getElementById('shrubsNextImg').src = "../CommonImages/darkNextPageButton.jpeg";
		document.getElementById('shrubsNextA').onclick = function ()
			{ changeShrubsContentPage (page + 1); }
	}
}

function changeShrubsContentPage (page) {
document.getElementById('contentTitle').src= "Shrubs/" + shrubsPages [page] + ".jpeg";
document.getElementById('theContent').src= "Shrubs/" + shrubsPages [page] + ".php";
shrubsNextPrev (page);
}

function setupShrubs (filename) {
document.getElementById('trees').style.display="none";
document.getElementById('shrubs').style.display="block";
document.getElementById('wildflowers').style.display="none";
document.getElementById('cactus').style.display="none";
document.getElementById('contentTitle').src="Shrubs/" + filename + ".jpeg";
fileIndex = getIndex (shrubsPages, maxShrubsPages, filename);
shrubsNextPrev (fileIndex);
}

function showShrubs () {
document.getElementById('trees').style.display="none";
document.getElementById('shrubs').style.display="block";
document.getElementById('wildflowers').style.display="none";
document.getElementById('cactus').style.display="none";
changeShrubsContentPage (0);
}

wildflowersPages = new Array (10);
wildflowersPages[0] = "index";
wildflowersPages[1] = "alumroot";
wildflowersPages[2] = "clematis";
wildflowersPages[3] = "fireweed";
wildflowersPages[4] = "pasqueFlower";
wildflowersPages[5] = "penstemonFrontRange";
wildflowersPages[6] = "penstemonMat";
wildflowersPages[7] = "penstemonRocky";
wildflowersPages[8] = "pinkPussyToes";
wildflowersPages[9] = "puccoon";
wildflowersPages[10] = "pussyToes";
wildflowersPages[11] = "sneezeWeed";
wildflowersPages[12] = "stonecrop";
wildflowersPages[13] = "sulpharFlower";
wildflowersPages[14] = "geranium";
wildflowersPages[15] = "strawberry";
wildflowersPages[16] = "yarrow";
wildflowersPages[17] = "yucca";
maxWildflowersPages = 17;

function wildflowersNextPrev (page) {
	if (page == 0) {
		document.getElementById('wildflowersPrevImg').src = "../CommonImages/lightPreviousPageButton.jpeg";
		document.getElementById('wildflowersPrevA').onclick = "";
		document.getElementById('wildflowersNextImg').src = "../CommonImages/darkNextPageButton.jpeg";
		document.getElementById('wildflowersNextA').onclick = function ()
			{ changeWildflowersContentPage (1); }
	} else 	if (page == maxWildflowersPages) {
		document.getElementById('wildflowersPrevImg').src = "../CommonImages/darkPreviousPageButton.jpeg";
		document.getElementById('wildflowersPrevA').onclick = function ()
			{ prevPage = maxWildflowersPages - 1;
              changeWildflowersContentPage (prevPage); }
		document.getElementById('wildflowersNextImg').src = "../CommonImages/lightNextPageButton.jpeg";
		document.getElementById('wildflowersNextA').onclick = "";
	} else {
		document.getElementById('wildflowersPrevImg').src = "../CommonImages/darkPreviousPageButton.jpeg";
		document.getElementById('wildflowersPrevA').onclick = function ()
			{ changeWildflowersContentPage (page - 1); }
		document.getElementById('wildflowersNextImg').src = "../CommonImages/darkNextPageButton.jpeg";
		document.getElementById('wildflowersNextA').onclick = function ()
			{ changeWildflowersContentPage (page + 1); }
	}
}

function changeWildflowersContentPage (page) {
document.getElementById('contentTitle').src= "Wildflowers/" + wildflowersPages [page] + ".jpeg";
document.getElementById('theContent').src="Wildflowers/" + wildflowersPages [page] + ".php";
wildflowersNextPrev (page);
}

function setupWildflowers (filename) {
document.getElementById('trees').style.display="none";
document.getElementById('shrubs').style.display="none";
document.getElementById('wildflowers').style.display="block";
document.getElementById('cactus').style.display="none";
document.getElementById('contentTitle').src="Wildflowers/" + filename + ".jpeg";
fileIndex = getIndex (wildflowersPages, maxWildflowersPages, filename);
wildflowersNextPrev (fileIndex);
}

function showWildflowers () {
document.getElementById('trees').style.display="none";
document.getElementById('shrubs').style.display="none";
document.getElementById('wildflowers').style.display="block";
document.getElementById('cactus').style.display="none";
changeWildflowersContentPage (0);
}

cactusPages = new Array (10);
cactusPages[0] = "index";
cactusPages[1] = "ball";
cactusPages[2] = "pricklyPear";
maxCactusPages = 2;

function cactusNextPrev (page) {
	if (page == 0) {
		document.getElementById('cactusPrevImg').src = "../CommonImages/lightPreviousPageButton.jpeg";
		document.getElementById('cactusPrevA').onclick = "";
		document.getElementById('cactusNextImg').src = "../CommonImages/darkNextPageButton.jpeg";
		document.getElementById('cactusNextA').onclick = function ()
			{ changeCactusContentPage (1); }
	} else 	if (page == maxCactusPages) {
		document.getElementById('cactusPrevImg').src = "../CommonImages/darkPreviousPageButton.jpeg";
		document.getElementById('cactusPrevA').onclick = function ()
			{ prevPage = maxCactusPages - 1;
			  changeCactusContentPage (prevPage); }
		document.getElementById('cactusNextImg').src = "../CommonImages/lightNextPageButton.jpeg";
		document.getElementById('cactusNextA').onclick = "";
	} else {
		document.getElementById('cactusPrevImg').src = "../CommonImages/darkPreviousPageButton.jpeg";
		document.getElementById('cactusPrevA').onclick = function ()
			{ changeCactusContentPage (page - 1); }
		document.getElementById('cactusNextImg').src = "../CommonImages/darkNextPageButton.jpeg";
		document.getElementById('cactusNextA').onclick = function ()
			{ changeCactusContentPage (page + 1); }
	}
}

function changeCactusContentPage (page) {
document.getElementById('contentTitle').src= "Cactus/" + cactusPages [page] + ".jpeg";
document.getElementById('theContent').src="Cactus/" + cactusPages [page] + ".php";
cactusNextPrev (page);
}

function setupCactus (filename) {
document.getElementById('trees').style.display="none";
document.getElementById('shrubs').style.display="none";
document.getElementById('wildflowers').style.display="none";
document.getElementById('cactus').style.display="block";
document.getElementById('contentTitle').src="Cactus/" + filename + ".jpeg";
fileIndex = getIndex (cactusPages, maxCactusPages, filename);
cactusNextPrev (fileIndex);
}

function showCactus () {
document.getElementById('trees').style.display="none";
document.getElementById('shrubs').style.display="none";
document.getElementById('wildflowers').style.display="none";
document.getElementById('cactus').style.display="block";
changeCactusContentPage (0);
}