var path = "photos/gallery/";
	var currentImage; 			// Keeps track of the current element in the array being displayed.
	var currentThumbIndex;
	var gTempImage;
	

	function onLoad_populateThumbs() {
/*		var oDiv = document.getElementById('thumbIndex');
		var oDivIndexClass;
		var oIndex;
		var oHref;
		var lcv;
		
		for (lcv=0; lcv < aPictures.length; lcv++) {
			oDivIndexClass = document.createElement("div");
			oDivIndexClass.setAttribute("class", "indexImage");
			oHref = document.createElement("a");
			oHref.setAttribute("onMouseOver", "showThumb(this);");
			oHref.setAttribute("onMouseOut", "hideThumb(this);");
			oHref.setAttribute("onClick", "changePictureFromThumb(" + lcv + ");");
			oIndex = document.createElement("img");
			oIndex.src="photos/gallery/bouquets/thumb/" + aPictures[lcv];
			oHref.appendChild(oIndex);
			oDivIndexClass.appendChild(oHref);
			oDiv.appendChild(oDivIndexClass);
		}
*/	


		/* Hide all but first seven pictures */
		hideThumbs(7, '*');
		currentThumbIndex = 0;

		/* Hide back Arrow */
		showHideArrow("back", false);

	}

	function onLoad_setPicture() {
		// sets the first picture to display on load
		var oImg = document.getElementById('imgPicture');
		oImg.src = path + dir + "/" + aPictures[0];
		currentImage = 0;
	}

	function movePrevious() {
		if (currentImage - 1 > -1) {
			currentImage = currentImage - 1;
		} else {
			currentImage = aPictures.length-1;
		}
		switchImage();
	}
	
	function moveNext() {
		if (currentImage + 1 < aPictures.length) {
			currentImage = currentImage + 1;
		} else {
			currentImage = 0;
		}
		switchImage();
	}
	
	function switchImage() {
		preLoadImage();
		var djFO = dojo.lfx.html.fadeOut('mainPicture', 1000, 0, replaceImage);
		var djFI = dojo.lfx.html.fadeIn('mainPicture', 1000);
		dojo.lfx.chain(djFO, djFI).play();
	}
	
	function preLoadImage() {
		gTempImage = new Image();
		gTempImage.src = path + dir + "/" + aPictures[currentImage];
	}
	
	function replaceImage() {
		document.getElementById('imgPicture').src = gTempImage.src;	
	}
	
	function showThumb(which) {
		which.firstChild.style.visibility = "visible"; 
	}
	
	function hideThumb(which) {
		which.firstChild.style.visibility = "hidden"; 
	}
	
	function changePictureFromThumb(which) {
		/* Clicking on the thumb will cause the main picture to change */
		currentImage = which;
		switchImage();
	}
	
	function scrollThumbsLeft() {
		hideThumbs(currentThumbIndex, currentThumbIndex + 7);
		currentThumbIndex = currentThumbIndex - 8;
		setTimeout("showThumbs(currentThumbIndex, currentThumbIndex + 7);",750);
	}
	function scrollThumbsRight() {
		hideThumbs(currentThumbIndex, currentThumbIndex + 7);
		currentThumbIndex = currentThumbIndex + 8;
		setTimeout("showThumbs(currentThumbIndex, currentThumbIndex + 7);",750);
	}
	
	function showHideArrow(whichArrow, blnShow) {
		var oArrow;
		
		switch (whichArrow) {
			case "back":
				oArrow = document.getElementById('leftArrow');
				break;
			case "forward":
				oArrow = document.getElementById('rightArrow');
				break;
			default:
		}
		
		if (blnShow) {
			oArrow.style.visibility = "visible";
		} else {
			oArrow.style.visibility = "hidden";
		}
	}
	
	
/*	Show/Hide Thumb functions 
	Start is the Inde number to start at iNum is how many after that to show or hide */
	function showThumbs(iStart, iNum) {
		showHideThumbs(iStart, iNum, 'block');
	}
	
	function hideThumbs(iStart, iNum) {
		showHideThumbs(iStart, iNum, 'none');
	}
	
	function showHideThumbs(iStart, iNum, sDisplay) {
		var oTI = document.getElementById('thumbIndex');   /* Container for Thumb Images */
		var oTIdiv = oTI.getElementsByTagName('div');
		var iMax, lcv;

		if (iNum == "*") {
			iMax = oTIdiv.length;
		} else {
			if (iNum >= oTIdiv.length) {
				iMax = oTIdiv.length;
				showHideArrow("forward", false);
			} else {
				iMax = iNum;
				showHideArrow("forward", true);
			}
		}

		for (lcv = iStart; lcv < iMax; lcv++) {
			oTIdiv[lcv].style.display = sDisplay;
		}
	
		if (iStart == 0) {
			showHideArrow("back", false);
		} else {
			showHideArrow("back", true);
		}
	
	}