//		*****************************************************************
//		*								*
// 		*  JavaScripts showing pictures using Next / Previous buttons	*
//		*								*
//		*****************************************************************

//
// Notes:
//	Before posting this script, compress it with: http://www.creativyst.com/Prod/3
//
//      Images are stored in the same directory as this script
//
// Useful stuff:
// 	* window.alert("Hello world");
//	* window.alert("dayOfWeek = " + dayOfWeek + ", hours = " + hours);
//	* Don't use "const", declare everything as a var
//


//
// global vars and constants
//
var pictureList = new Array("01.jpg", "02.jpg", "03.jpg", "04.jpg", "05.jpg", "06.jpg", "07.jpg", "08.jpg", "09.jpg", "10.jpg");
var showingPicIdx = 0;


//
// setup event handlers
//
window.onload = initializeOnPageLoad;



// ------------------------------------------------ //
// 		initialization functions	    //
// ------------------------------------------------ //

//
// initialize
//
function initializeOnPageLoad()
{
//   window.alert("initializeOnPageLoad called.");
}



// ------------------------------------------------ //
// 	 functions called from the webpage	    //
// ------------------------------------------------ //


//
// display the previous picture
//
function showPreviousPicture()
{   if (showingPicIdx == 0)
	return;

    showingPicIdx--;

    document.getElementById("thePicture").src = pictureList[showingPicIdx];
}



//
// display the next picture
//
function showNextPicture()
{   if (showingPicIdx == pictureList.length - 1)
        return;

    showingPicIdx++;

    document.getElementById("thePicture").src = pictureList[showingPicIdx];
}


// ---------------------- end --------------------- //