window.onload = launchAll;

// fileArray is an array generated by PHP that stores the folder and filenames for the stored pictures.
var fileArray = new Array();

fileArray[0] = new Array("CIMG0015.JPG","CIMG0304.JPG","P7010325.JPG","P7260678.JPG","P7300703.JPG","P8040735.JPG","P8060793.JPG","P8060815.JPG","P8310857.JPG");
fileArray[0].name = "Activities";


// thisPic is a global array representing the current picture for each folder independently.
var thisPic = new Array();

// currFolderNum stores the folder number of the slideshow the user chose.
var currFolderNum = null;

// getPicUrl takes the foldername and returns the URL for the next picture.
function getPicUrl(thisFolderNum, thisPicNum) {

	return "images/scriptPics/gallery/" + fileArray[thisFolderNum].name + "/" + fileArray[thisFolderNum][thisPicNum];

}

// Kick off the script with a bang!
function launchAll() {

	initThumbnails();

	initSlideShows();

}	

function initThumbnails() {

	initThisPic();

	for (var i=0; i<fileArray.length; i++) {

		var newThumbnail = "<div class=\"thumbbox\"><a href=\"#\" id=\"" + i + "\"><img width=\"150\" height=\"112\" src=\"" + getPicUrl(i, thisPic[i]) + "\" title=\"" + fileArray[i].name + "\" />" + fileArray[i].name + "</a></div><!--end thumbbox--> ";

		var writtenText = document.getElementById("text").innerHTML;

		document.getElementById("text").innerHTML = writtenText + newThumbnail;

	}

	// Loops through all links looking for the ones I just created.
	for (var j=0; j<document.links.length; j++) {

		if (document.links[j].parentNode.className == "thumbbox") {

			document.links[j].onclick = showSlideShow;

		}

	}

}

// initThisPic randomly generates values for the thisPic array for each picture folder.
function initThisPic() {

	for (var i=0; i<fileArray.length; i++) {

		thisPic[i] = Math.floor((Math.random() * fileArray[i].length));

	}

}

//------------------------------------------------------------------------------------------------
// This part of the script powers the slideshow function exclusively.

// initSlideShows sets the actions that can be performed in the slideshow view.
function initSlideShows() {

	document.getElementById("prevPic").onclick = goBack;

	document.getElementById("nextPic").onclick = goForward;

	document.getElementById("hideShow").onclick = hideSlideShow;

}

// showSlideShow makes the slideshow visible and shows the pictures from the 
function showSlideShow() {

	currFolderNum = this.id;

	document.getElementById("slidePic").src = getPicUrl(currFolderNum, thisPic[currFolderNum]);

	document.getElementById("slideBox").style.display = "block";

	document.getElementById("text").style.display = "none";

}

function hideSlideShow() {

	document.getElementById("slideBox").style.display = "none";

	document.getElementById("text").style.display = "block";

}

function goBack() {

	if (thisPic[currFolderNum] == 0) {

		thisPic[currFolderNum] = fileArray[currFolderNum].length;

	}

	thisPic[currFolderNum]--;

	document.getElementById("slidePic").src = getPicUrl(currFolderNum, thisPic[currFolderNum]);

	return false;

}

function goForward() {

	thisPic[currFolderNum]++;

	if (thisPic[currFolderNum] == fileArray[currFolderNum].length) {

		thisPic[currFolderNum] = 0;

	}

	document.getElementById("slidePic").src = getPicUrl(currFolderNum, thisPic[currFolderNum]);

	return false;

}

//-----------------------------------------------------------------------
// Uber Slide Show Script copyright 2008 Evan Kroske, all rights reserved.
// Thanks to Tom Negrino and Dori Smith for writing the superb 
// Javascript guide, JavaScript & Ajax Visual Quickstart Guide.
// If you use this script without my permission, I will hunt you down,
// hack your site, and eat your lunch.  If you want to use this script
// but not to be hunted down and hacked, you can email me at
// E.Kroske@Comcast.net.
//-----------------------------------------------------------------------