
screenPages = new Array (4);
screenPages[0] = "index";
screenPages[1] = "materials";
screenPages[2] = "construct";
screenPages[3] = "using";


stepPages = new Array (11);
stepPages[0] = "index";
stepPages[1] = "where";
stepPages[2] = "material";
stepPages[3] = "layout";
stepPages[4] = "dimensions";
stepPages[5] = "riseTread";
stepPages[6] = "dig";
stepPages[7] = "placeSteps";
stepPages[8] = "fillIn";
stepPages[9] = "treadArea";
stepPages[10] = "finished";

rvDumpPages = new Array (10);
rvDumpPages[0] = "index";
rvDumpPages[1] = "materials";
rvDumpPages[2] = "findSepticTank";
rvDumpPages[3] = "getCover";
rvDumpPages[4] = "createMold";
rvDumpPages[5] = "readyPipe";
rvDumpPages[6] = "castCover";
rvDumpPages[7] = "removeMold";
rvDumpPages[8] = "finishRvDump";
rvDumpPages[9] = "usingRvDump";

function closeAllMenus () {
document.getElementById('screen').style.display="none";
document.getElementById('steps').style.display="none";
document.getElementById('rvdump').style.display="none";
}

function screenNextPrev (page) {
	if (page == 0) {
		document.getElementById('screenPrevImg').src = "../CommonImages/lightPreviousPageButton.jpeg";
		document.getElementById('screenPrevA').onclick = "";
		document.getElementById('screenNextImg').src = "../CommonImages/darkNextPageButton.jpeg";
		document.getElementById('screenNextA').onclick = function ()
			{ changeScreenContentPage (1); }
	} else 	if (page == 3) {
		document.getElementById('screenPrevImg').src = "../CommonImages/darkPreviousPageButton.jpeg";
		document.getElementById('screenPrevA').onclick = function ()
			{ changeScreenContentPage (2); }
		document.getElementById('screenNextImg').src = "../CommonImages/lightNextPageButton.jpeg";
		document.getElementById('screenNextA').onclick = "";
	} else {
		document.getElementById('screenPrevImg').src = "../CommonImages/darkPreviousPageButton.jpeg";
		document.getElementById('screenPrevA').onclick = function ()
			{ changeScreenContentPage (page - 1); }
		document.getElementById('screenNextImg').src = "../CommonImages/darkNextPageButton.jpeg";
		document.getElementById('screenNextA').onclick = function ()
			{ changeScreenContentPage (page + 1); }
	}

}

function changeScreenContentPage (page) {
document.getElementById('contentTitle').src= "Screen/" + screenPages [page] + ".jpeg";
document.getElementById('theContent').src= "Screen/" + screenPages [page] + ".php";
screenNextPrev (page);
}

function setupScreen () {
document.getElementById('screen').style.display="block";
document.getElementById('steps').style.display="none";
document.getElementById('rvdump').style.display="none";
document.getElementById('contentTitle').src="Screen/index.jpeg";
screenNextPrev (0);
}

function showScreen () {
document.getElementById('screen').style.display="block";
document.getElementById('steps').style.display="none";
document.getElementById('rvdump').style.display="none";
changeScreenContentPage (0);
}

function stepNextPrev (page) {
	if (page == 0) {
		document.getElementById('stepPrevImg').src = "../CommonImages/lightPreviousPageButton.jpeg";
		document.getElementById('stepPrevA').onclick = "";
		document.getElementById('stepNextImg').src = "../CommonImages/darkNextPageButton.jpeg";
		document.getElementById('stepNextA').onclick = function ()
			{ changeStepsContentPage (1); }
	} else 	if (page == 10) {
		document.getElementById('stepPrevImg').src = "../CommonImages/darkPreviousPageButton.jpeg";
		document.getElementById('stepPrevA').onclick = function ()
			{ changeStepsContentPage (9); }
		document.getElementById('stepNextImg').src = "../CommonImages/lightNextPageButton.jpeg";
		document.getElementById('stepNextA').onclick = "";
	} else {
		document.getElementById('stepPrevImg').src = "../CommonImages/darkPreviousPageButton.jpeg";
		document.getElementById('stepPrevA').onclick = function ()
			{ changeStepsContentPage (page - 1); }
		document.getElementById('stepNextImg').src = "../CommonImages/darkNextPageButton.jpeg";
		document.getElementById('stepNextA').onclick = function ()
			{ changeStepsContentPage (page + 1); }
	}

}

function changeStepsContentPage (page) {
document.getElementById('contentTitle').src= "Steps/" + stepPages [page] + ".jpeg";
document.getElementById('theContent').src= "Steps/" + stepPages [page] + ".php";
stepNextPrev (page);
}

function setupSteps () {
document.getElementById('screen').style.display="none";
document.getElementById('steps').style.display="block";
document.getElementById('rvdump').style.display="none";
document.getElementById('contentTitle').src="Steps/index.jpeg";
stepNextPrev (0);
}

function showSteps () {
document.getElementById('screen').style.display="none";
document.getElementById('steps').style.display="block";
document.getElementById('rvdump').style.display="none";
changeStepsContentPage (0);
}

function rvDumpNextPrev (page) {
	if (page == 0) {
		document.getElementById('rvDumpPrevImg').src = "../CommonImages/lightPreviousPageButton.jpeg";
		document.getElementById('rvDumpPrevA').onclick = "";
		document.getElementById('rvDumpNextImg').src = "../CommonImages/darkNextPageButton.jpeg";
		document.getElementById('rvDumpNextA').onclick = function ()
			{ changeRvDumpContentPage (1); }
	} else 	if (page == 9) {
		document.getElementById('rvDumpPrevImg').src = "../CommonImages/darkPreviousPageButton.jpeg";
		document.getElementById('rvDumpPrevA').onclick = function ()
			{ changeRvDumpContentPage (8); }
		document.getElementById('rvDumpNextImg').src = "../CommonImages/lightNextPageButton.jpeg";
		document.getElementById('rvDumpNextA').onclick = "";
	} else {
		document.getElementById('rvDumpPrevImg').src = "../CommonImages/darkPreviousPageButton.jpeg";
		document.getElementById('rvDumpPrevA').onclick = function ()
			{ changeRvDumpContentPage (page - 1); }
		document.getElementById('rvDumpNextImg').src = "../CommonImages/darkNextPageButton.jpeg";
		document.getElementById('rvDumpNextA').onclick = function ()
			{ changeRvDumpContentPage (page + 1); }
	}

}

function changeRvDumpContentPage (page) {
document.getElementById('contentTitle').src= "RvDump/" + rvDumpPages [page] + ".jpeg";
document.getElementById('theContent').src="RvDump/" + rvDumpPages [page] + ".php";
rvDumpNextPrev (page);
}

function setupRvDump () {
document.getElementById('screen').style.display="none";
document.getElementById('steps').style.display="none";
document.getElementById('rvdump').style.display="block";
document.getElementById('contentTitle').src="RvDump/index.jpeg";
rvDumpNextPrev (0);
}

function showRvDump () {
document.getElementById('screen').style.display="none";
document.getElementById('steps').style.display="none";
document.getElementById('rvdump').style.display="block";
changeRvDumpContentPage (0);
}

