/* Here you make an array with all the URL's of the images you would like to have in your slideshow.*/

var image = new Array(
"../../../Images/projects/HeartsArrows/HenAguideExampleH11.png", 
"../../../Images/projects/HeartsArrows/HenAguideExampleH21.png", 
"../../../Images/projects/HeartsArrows/HenAguideExampleH31.png", 
"../../../Images/projects/HeartsArrows/HenAguideExampleH41.png", 
"../../../Images/projects/HeartsArrows/HenAguideExampleH51.png", 
"../../../Images/projects/HeartsArrows/HenAguideExampleH52.png", 
"../../../Images/projects/HeartsArrows/HenAguideExampleH61.png", 
"../../../Images/projects/HeartsArrows/HenAguideExampleH71.png", 
"../../../Images/projects/HeartsArrows/HenAguideExampleH81.png", 
"../../../Images/projects/HeartsArrows/HenAguideExampleH91.png", 
"../../../Images/projects/HeartsArrows/HenAguideExampleH101.png", 
"../../../Images/projects/HeartsArrows/HenAguideExampleA11.png", 
"../../../Images/projects/HeartsArrows/HenAguideExampleA21.png", 
"../../../Images/projects/HeartsArrows/HenAguideExampleA31.png", 
"../../../Images/projects/HeartsArrows/HenAguideExampleA41.png", 
"../../../Images/projects/HeartsArrows/HenAguideExampleA51.png", 
"../../../Images/projects/HeartsArrows/HenAguideExampleA61.png", 
"../../../Images/projects/HeartsArrows/HenAguideExampleA71.png", 
"../../../Images/projects/HeartsArrows/HenAguideExampleA81.png")

var imgNumber=1

/* This number is used to refer to a value of the Array and to know what image should be shown next. */


var numberOfImg = image.length

/* This is the total amount of images you use, it is used to determine if the imgNumber can still grow. */


/* Now it's time to make the functions for the next and previous buttons */

function previousImage(){
  if(imgNumber > 1){
    imgNumber--
    }
	
/* The if statement is used to know if you aren't already at the first image, because if you are, imgNumber may not decrease. */
 
  else{
  	imgNumber = numberOfImg
	}
	
/* If you already are at the first image, and you click the previous button, the slideshow must show the last image. */


  document.slideImage.src = image[imgNumber-1]
  
/* Load the image into the document. Don't forget to write imgNumber-1, an array always starts from 0! */


  }
function nextImage(){
  if(imgNumber < numberOfImg){
    imgNumber++
    }
	
/* The if statement is used to know if you aren't already at the last image, because if you are, imgNumber may not increase. */

  else{
  	imgNumber = 1
	}
	
/* If you already are at the last image, and you click the next button, the slideshow must show the first image. */


  document.slideImage.src = image[imgNumber-1]
  
/* Load the image into the document. Don't forget to write imgNumber-1, an array always starts from 0! */


  }