// List image names without extension
var myImg= 	[["1", "pdf/90_300.pdf", "ESCap  90/300 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Click for more Info"],
			 ["2", "pdf/85_270.pdf", "ESCap  85/270 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Click for more Info"],
			 ["3", "pdf/60_28.pdf", "ESCap  60/28 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Click for more Info"],
			 ["4", "pdf/10_42.pdf", "ESCap  10/42 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Click for more Info"],
			 ["5", "pdf/6_14.pdf", "ESCap  6/14 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Click for more Info"],
			 ["6", "pdf/28_48.pdf", "ESCap  28/48 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Click for more Info"],
			 ["7", "pdf/2_18.pdf", "ESCap  2/18 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Click for more Info"]]

// Tell browser where to find the image
myImgSrc = "produts-img/";

var count = myImg.length-1;

// Tell browser the type of file
myImgEnd = ".jpg"

var i = 0;

// Create function to load image
function loadImg(){
  document.imgSrc.src = myImgSrc + myImg[i][0] + myImgEnd;
  var mylnk = document.getElementById("imgLink");
  mylnk.href=myImg[i][1];
  var myTit = document.getElementById("imgTitle");
  myTit.innerHTML=myImg[i][2];
  
}

// Create link function to switch image backward
function prev(){
  if(i<1){
	  //alert(count);
    var l = count;
	i=count;
		/*i*/
  } else {
    var l = i-=1;
  }
  document.imgSrc.src = myImgSrc + myImg[l][0] + myImgEnd;
    var mylnk = document.getElementById("imgLink");
  mylnk.href=myImg[l][1];
    var myTit = document.getElementById("imgTitle");
  myTit.innerHTML=myImg[l][2];


}

// Create link function to switch image forward
function next(){
  if(i>=count){
    var l = 0;
	i=0;
  } else {
    var l = i+=1;
  }
  document.imgSrc.src = myImgSrc + myImg[l][0] + myImgEnd;
    var mylnk = document.getElementById("imgLink");
  mylnk.href=myImg[l][1];
    var myTit = document.getElementById("imgTitle");
  myTit.innerHTML=myImg[l][2];


}

// Load function after page loads
window.onload=loadImg;