// JavaScript for slideshow of Hope Mansell Fete 2008 images
//

var pageHeading = "Hope Mansell Fete 2008";
var imageWidth = 700;
var imageHeight = 380;

var thumbnails_string = ""; // no thumbnails for this slide show

// load images for slideshows. Ensure all images are included here for pre-loading
(new Image()).src="images/HM_Fete_2008_001_700x380.jpg";
(new Image()).src="images/HM_Fete_2008_003_700x380.jpg";
(new Image()).src="images/HM_Fete_2008_004_700x380.jpg";
(new Image()).src="images/HM_Fete_2008_005_700x380.jpg";
(new Image()).src="images/HM_Fete_2008_007_700x380.jpg";
(new Image()).src="images/HM_Fete_2008_008_700x380.jpg";

var numberOfImages = 6;  //Ensure this is updated to include the number of elements in the array

// Note: IE and Firefox give different values for the length property of this array (IE is one higher)
// hence the need to use this variable

// The first element of this array (element 0) is loaded on initial entry to the page

var pageImages = [

    { "name":"Home Mansell Fete 2008",
      "path":"images/HM_Fete_2008_001_700x380.jpg"},
		{ "name":"Home Mansell Fete 2008",
      "path":"images/HM_Fete_2008_003_700x380.jpg"},
		{ "name":"Home Mansell Fete 2008",
      "path":"images/HM_Fete_2008_004_700x380.jpg"},
		{ "name":"Home Mansell Fete 2008",
      "path":"images/HM_Fete_2008_005_700x380.jpg"},
		{ "name":"Home Mansell Fete 2008",
      "path":"images/HM_Fete_2008_007_700x380.jpg"},
		{ "name":"Home Mansell Fete 2008",
      "path":"images/HM_Fete_2008_008_700x380.jpg"},  

];

var currentPageImage = 0;

function slideShow(srcId, textId, imageList, slidePosition) {
  var imageId = document.getElementById(srcId);
  imageId.src = imageList[slidePosition]["path"];
  imageId.alt = imageList[slidePosition]["name"];
  imageId.title = imageList[slidePosition]["name"];
  var nameText = document.getElementById(textId);
  nameText.firstChild.nodeValue = imageList[slidePosition]["name"];
}

function nextPageImage() {
  currentPageImage++;
	if (currentPageImage >= numberOfImages) currentPageImage = 0;
  slideShow("pageSlides", "slideshowtext", pageImages, currentPageImage);
}
	
function previousPageImage() {
  currentPageImage--;
 	if (currentPageImage < 0) currentPageImage = numberOfImages - 1;
  slideShow("pageSlides", "slideshowtext", pageImages, currentPageImage);
}	

// This function loads the first image in the array (element 0) on initial entry to the page
function initialSlides() {
  slideShow("pageSlides", "slideshowtext", pageImages, currentPageImage);
}