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("bambooorchid.jpg","bluejay.jpeg","caterpillar.jpg","heron.jpg","hibiscus.jpg","knightanole.jpg","lizardoutline.jpg","orangeorchid.jpg","passionflower.jpg","purpleorchid.jpg","swallowtail.jpg","turkmanscap.jpg");
fileArray[0].name = "2007 Nature Pictures";
fileArray[0].comments = new Array("The bamboo orchid is another ground dwelling orchid that grows down here in Florida.  The setting sun casts a vivid orange hue to this unusual flower.","This striking shot was taken on a dark, dreary day.  I think the cold lighting adds character.","This caterpillar is the immature form of a sulphur butterfly.  It's funny how something so green can become something so yellow.","This large heron patrols my yard at least once a week, always alert for a juicy lizard to snack on.  At least he makes a great picture.","These gorgeous Hibiscus are all over the place down here in Florida; it was inevitable I would get a good picture eventually.","The knight anole is a large tree-dwelling reptile with very sharp teeth. They looks great in pictures, so long as you have a telephoto lense between them and you.","These cuban anole lizards are the primary prey for many local predators, as previously mentioned.  You see him silohuetted on the leaf of a bird of paradise.","This low-growing orchid will spread out along the ground, setting the earth aflame when it explodes into bloom.","The purple passionflower grows on a fence-covering vine.  There are about a hundred object lessons based on its intricate structure.","This is one of my all-time favorite pictures, a very close-up shot of a purple orchid growing in my backyard.","This eastern swallowtail was actually shot up in Missouri while I was on vacation with my family.  Its pale yellow wings set it apart from swallowtails down here.","This unusual flower's long neck and circular brim apparently make it resemble a turkman's cap.  I don't even know what a turkman's cap looks like.");

fileArray[1] = new Array("brightsisters.jpg","fatherdaughterkiss.jpg","fatherstandingcasual.jpg","himsquatting.jpg","himstandingfrosted.jpg","recoloredsister.jpg","sistersface.jpg","standingsisters.jpg");
fileArray[1].name = "2007 People Pictures";
fileArray[1].comments = new Array("Isn't it great how a child can really pull off a cheesy smile like this one?","It's hard to design truly a superior picture like this; sometimes, it just happens.","Getting someone comfortable with the camera is difficult, but necessary for good pictures.","The narrow range of focus makes a pleasing blur out of the otherwise unsightly fence.","Notice how the frosting mutes the background while emphasizing the subject of the portrait.","This is a very popular effect, and for good reason.  It's quite striking.","Two face-shots in one, a very efficient use of photo paper.","Big Sis + Little Sis = One classy photo.");


// 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/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 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 populates it with the pictures in the clicked album
function showSlideShow() {

	currFolderNum = this.id;

	document.getElementById("slidePic").src = getPicUrl(currFolderNum, thisPic[currFolderNum]);
	
	if (fileArray[currFolderNum].comments) { 
	
    document.getElementById("slideDesc").innerHTML = fileArray[currFolderNum].comments[thisPic[currFolderNum]]; 
    
  } else {
  
    document.getElementById("slideDesc").innerHTML = "";
    
  }

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

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

}

function hideSlideShow() {

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

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

}

function goBack() {

	if (thisPic[currFolderNum] == 0) {

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

	}

	thisPic[currFolderNum]--;

	document.getElementById("slidePic").src = getPicUrl(currFolderNum, thisPic[currFolderNum]);
	
	if (fileArray[currFolderNum].comments) { 
	
    document.getElementById("slideDesc").innerHTML = fileArray[currFolderNum].comments[thisPic[currFolderNum]]; 
    
  } else {
  
    document.getElementById("slideDesc").innerHTML = "";
    
  }

	return false;

}

function goForward() {

	thisPic[currFolderNum]++;

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

		thisPic[currFolderNum] = 0;

	}

	document.getElementById("slidePic").src = getPicUrl(currFolderNum, thisPic[currFolderNum]);
	
	if (fileArray[currFolderNum].comments) { 
	
    document.getElementById("slideDesc").innerHTML = fileArray[currFolderNum].comments[thisPic[currFolderNum]]; 
    
  } else {
  
    document.getElementById("slideDesc").innerHTML = "";
    
  }
  
	return false;

}

//-----------------------------------------------------------------------
// Comment Picture Viewer 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 be hunted down and hacked, you can email me at
// E.Kroske@evansphotographic.com.
//-----------------------------------------------------------------------