//JavaScript

////////////////////////////// AUTO TABLE OF CONTENTS BUTTON CREATION//////////////////////////
//alert("Made it here A!");

var currentCategory; //String: book, print, exhibit, web, postPrint, postInteractive
var currentPageCount; //Number: index within section
var thisPageURL; //String:
var noOfButtons; //Number
var pageTypeString; //String
var pageTypeArrayNo; //Number
var seriesPage = false; //Boolean

var booksArray = new Array(10);
var printArray = new Array(10);
var exhibitsArray = new Array(5);
var webArray = new Array(5);
var postPrintArray = new Array(20);
var post3dArray = new Array(15)
var postInteractivesArray = new Array(5);
var postIllusArray = new Array(5);

var antietamCampaignArray = new Array(22);
var killingLincolnArray = new Array(5);
var midnightRisingArray = new Array(3);
var dcThroughTimeArray = new Array(10);

var mapCategoryArray = new Array();
var mapTypeArray = new Array();
var noOfBtns = new Array();
mapCategoryArray = ["cci-print-bw-", "cci-print-","cci-exhibit-", "cci-web-", "cci-twp-", "cci-twp-persp-", "cci-twp-interactive-", "cci-twp-illus-"];
mapTypeArray = ["books", "print", "exhibits", "web", "postPrint", "post3d", "postInteractive", "postIllustrated"];
noOfBtns = [booksArray.length, printArray.length, exhibitsArray.length, webArray.length, postPrintArray.length, post3dArray.length, postInteractivesArray.length,postIllusArray.length ];


function setNoOfButtons () {
	switch (currentCategory) {
		case "books":
		noOfButtons = booksArray.length;
		pageTypeString = "cci-print-bw-";
		pageTypeArrayNo = 1;
		break;
		
		case "print":
		noOfButtons = printArray.length;
		pageTypeString = "cci-print-";
		pageTypeArrayNo = 2;
		break;
		
		case "exhibits":
		noOfButtons = exhibitsArray.length;
		pageTypeString = "cci-exhibit-";
		pageTypeArrayNo = 3;
		break;
		
		case "web":
		noOfButtons = webArray.length;
		pageTypeString = "cci-web-";
		pageTypeArrayNo = 4;
		break;
		
		case "postPrint":
		noOfButtons = postPrintArray.length;
		pageTypeString = "cci-twp-";
		pageTypeArrayNo = 5;
		break;
		
		case "post3d":
		noOfButtons = post3dArray.length;
		pageTypeString = "cci-twp-persp-";
		pageTypeArrayNo = 6;
		break;
		
		case "postInteractive":
		noOfButtons = postInteractivesArray.length;
		pageTypeString = "cci-twp-interactive-";
		pageTypeArrayNo = 7;
		break;
		
		case "postIllustrated":
		noOfButtons = postIllusArray.length;
		pageTypeString = "cci-twp-illus-";
		pageTypeArrayNo = 8;
		break;
		
		///////// ---SUBCATEGORIES--- ///////
				
		case "antietamCampaign":
		noOfButtons = antietamCampaignArray.length;
		pageTypeString = "cci-antietam-campaign-";
		seriesPage = true;
		break;
		
		case "killingLincoln":
		noOfButtons = killingLincolnArray.length;
		pageTypeString = "cci-killing-lincoln-";
		seriesPage = true;
		break;
		
		case "midnightRising":
		noOfButtons = midnightRisingArray.length;
		pageTypeString = "cci-midnight-rising-";
		seriesPage = true;
		break;
		
		case "dcThroughTime":
		noOfButtons = dcThroughTimeArray.length;
		pageTypeString = "DC-through-time-";
		seriesPage = true;
		break;
	}
}

function calculateLink(type, pageNumb) {
	//alert("Made it here B!");
	currentCategory = type;
	currentPageCount = pageNumb;
	seriesCntr = pageNumb;
	
	setNoOfButtons();
	
	thisPageURL = pageTypeString + currentPageCount + ".html";
		console.log(thisPageURL);
		console.log("noOfButtons: " + noOfButtons);
		
	addPrevButton();	
	calculateLinkBtns();
	addNextButton();
}

function addPrevButton() {
	var custPrevBtn = document.createElement("a");
	var custPrevBtnImg = document.createElement("img");
	
	if ( currentPageCount <= 1) {
		//console.log("pageTypeArrayNo: " + pageTypeArrayNo);
		if(pageTypeArrayNo > 1){
			
			custPrevBtn.setAttribute('href', mapCategoryArray[pageTypeArrayNo - 2] + noOfBtns[pageTypeArrayNo - 2] + ".html");
		} else {
			custPrevBtn.setAttribute('href', "cciPortfolio.html");
		}
	} else {
		custPrevBtn.setAttribute('href', pageTypeString + (currentPageCount - 1) + ".html");
	}
	
		custPrevBtn.setAttribute('onmousedown', "document.arrowprev.src=prevclick.src");
	if(seriesPage == true) {
		custPrevBtn.setAttribute('onmouseout', "document.arrowprev.src=previousWt.src");
		custPrevBtn.setAttribute('onmouseover', "document.arrowprev.src=previous.src");
		custPrevBtnImg.setAttribute('src', "images/buttons/PreviousWt.png");
	} else {
		custPrevBtn.setAttribute('onmouseout', "document.arrowprev.src=previous.src");
		custPrevBtn.setAttribute('onmouseover', "document.arrowprev.src=prevhigh.src");
		custPrevBtnImg.setAttribute('src', "images/buttons/Previous.png");
	}
	custPrevBtnImg.setAttribute('name', "arrowprev");
	custPrevBtn.appendChild(custPrevBtnImg);
	if(seriesPage == true) {
		document.getElementById("seriesBoxes").appendChild(custPrevBtn);
	} else {
		document.getElementById("boxes").appendChild(custPrevBtn);
	}
}

function addNextButton() {
	var custNextBtn = document.createElement("a");
	var custNextBtnImg = document.createElement("img");
	
	//console.log("currentPageCount: " + currentPageCount);
	if ( currentPageCount >= noOfButtons) {
		if( pageTypeArrayNo < mapCategoryArray.length) {
			custNextBtn.setAttribute('href', mapCategoryArray[pageTypeArrayNo] + "1.html");
		} else {
			custNextBtn.setAttribute('href', "cciPortfolio.html");
		}
	} else {
		custNextBtn.setAttribute('href', pageTypeString + (currentPageCount +++ 1) + ".html");
	}

	custNextBtn.setAttribute('onmousedown', "document.arrownext.src=nextclick.src");
	if(seriesPage == true) {
		custNextBtn.setAttribute('onmouseout', "document.arrownext.src=nextWt.src");
		custNextBtn.setAttribute('onmouseover', "document.arrownext.src=next.src");
		custNextBtnImg.setAttribute('src', "images/buttons/NextWt.png");
	} else {
		custNextBtn.setAttribute('onmouseout', "document.arrownext.src=next.src");
		custNextBtn.setAttribute('onmouseover', "document.arrownext.src=nexthigh.src");
		custNextBtnImg.setAttribute('src', "images/buttons/Next.png");
	}
	custNextBtnImg.setAttribute('name', "arrownext");
	custNextBtn.appendChild(custNextBtnImg);
	if(seriesPage == true) {
		document.getElementById("seriesBoxes").appendChild(custNextBtn);
	} else {
		document.getElementById("boxes").appendChild(custNextBtn);
	}
	//console.log(custNextBtn);
}

function calculateLinkBtns() {
	
	for ( var i = 0; i < noOfButtons; i++) {
		var linkBtn = document.createElement("a");
		var linkBtnImg = document.createElement("img");
		linkBtn.setAttribute('href', pageTypeString + (i+1) + ".html"); // "http://www.mapmanusa.com/" + (i+1) + ".html"
		linkBtn.setAttribute('onmouseover', "document.boxpic" +  (i+1) + ".src=boxhigh.src");
		linkBtn.setAttribute('onmousedown', "document.boxpic" +  (i+1) + ".src=boxclick.src");
		if(seriesPage == true) {
			linkBtn.setAttribute('onmouseout', "document.boxpic" +  (i+1) + ".src=boxopenWt.src");
		} else { 
			linkBtn.setAttribute('onmouseout', "document.boxpic" +  (i+1) + ".src=boxopen.src");
		}
		
		if( i == (currentPageCount - 1) ) { 
			//console.log("page: " + currentPageCount);
			if(seriesPage == true) {
				linkBtnImg.setAttribute('src', "images/buttons/ClosedBoxWt.png");
				linkBtn.setAttribute('onmouseover', "images/buttons/ClosedBoxWt.png");
				linkBtn.setAttribute('onmouseout', "images/buttons/ClosedBoxWt.png");
				linkBtn.setAttribute('onmousedown', "images/buttons/ClosedBoxWt.png");
			} else {
				linkBtnImg.setAttribute('src', "images/buttons/ClosedBox.png");
				linkBtn.setAttribute('onmouseover', "images/buttons/ClosedBox.png");
				linkBtn.setAttribute('onmouseout', "images/buttons/ClosedBox.png");
				linkBtn.setAttribute('onmousedown', "images/buttons/ClosedBox.png");
			}
		} else {
			//console.log("page: " + currentPageCount);
			if(seriesPage == true) {
				linkBtnImg.setAttribute('src', "images/buttons/OpenBoxWt.png");
			} else {
				linkBtnImg.setAttribute('src', "images/buttons/OpenBox.png")
			}
		}
		
		linkBtnImg.setAttribute('name', "boxpic" + (i+1) );
		linkBtn.appendChild(linkBtnImg);
		if(seriesPage == true) {
			document.getElementById("seriesBoxes").appendChild(linkBtn);
		} else {
			document.getElementById("boxes").appendChild(linkBtn);
		}
		//console.log(i);
	}
}

////^^^^^^^^^^^^^^^^^^^ AUTO TABLE OF CONTENTS BUTTON CREATION^^^^^^^^^^^^^^^^^^^///

////VVVVVVVVVVVVVVVVVVVVVVVV Auto change copyright date VVVVVVVVVVVVVVVVVVVVVVVVV//

var dateToday = new Date();
var thisYear = dateToday.getFullYear();
	
function updateCopyright() {
	console.log("currentCategory is:" + currentCategory);
	if(currentCategory == "postPrint"  || currentCategory == "post3d"){
	document.getElementById("copyRightDate").innerHTML = ""; //"MAP IMAGE &copy; THE WASHINGTON POST";
	} else {
	document.getElementById("copyRightDate").innerHTML = "&copy; " + thisYear + ", CARTOGRAPHIC CONCEPTS INC., ALL RIGHTS RESERVED";
	}
}

//updateCopyright();

////^^^^^^^^^^^^^^^^^^^ Auto change copyright date^^^^^^^^^^^^^^^^^^^///


////AUTO CALCULATE BOOK IN COLLECTION
function calcSeriesText() {
	console.log("currentPageCount" + currentPageCount);
	document.getElementById("autoSeriesCntr").innerHTML = 
		(seriesCntr) + " of " + noOfButtons + " maps produced by Gene Thorp for...";
}