// List image names without extension
var myImg= new Array(7)
  myImg[0]= "image000";
  myImg[1]= "image001";
  myImg[2]= "image002";
  myImg[3]= "image003";
  myImg[4]= "image004";
  myImg[5]= "image005";
  myImg[6]= "image006";
  myImg[7]= "image007";

// Tell browser where to find the image
myImgSrc = "images/poor_fire_safety/";

// Tell browser the type of file
myImgEnd = ".jpg"

var i = 0;

// Create function to load image
function loadImg(){
  document.imgSrc.src = myImgSrc + myImg[i] + myImgEnd;
}

// Create link function to switch image backward
function prev(){
  if(i<1){
    var l = 7
	i = 7
  } else {
    var l = i-=1;
  }
  document.imgSrc.src = myImgSrc + myImg[l] + myImgEnd;
  document.getElementById("counter").innerHTML= (l+=1) + " of 8";
}

// Create link function to switch image forward
function next(){
  if(i>6){
    var l = 0
	i = 0
  } else {
    var l = i+=1;
  }
  document.imgSrc.src = myImgSrc + myImg[l] + myImgEnd;
    document.getElementById("counter").innerHTML= (l+=1) + " of 8";
}

// Load function after page loads
window.onload=loadImg;