<!-- Paste this code into an external JavaScript file named: nextPrevious.js  -->

/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Solomon, the Sleuth :: http://www.freewebs.com/thesleuth/scripts/ */

// List image names without extension
var myImg= new Array(14)
  myImg[0]= "d15";
  myImg[1]= "d14";
  myImg[2]= "d13";
  myImg[3]= "d12";
  myImg[4]= "d11";
  myImg[5]= "d10";
  myImg[6]= "d9";
  myImg[7]= "d8";
  myImg[8]= "d7";
  myImg[9]= "d6";
  myImg[10]= "d5";
  myImg[11]= "d4";
  myImg[12]= "d3";
  myImg[13]= "d2";
  myImg[14]= "d1";

// Tell browser where to find the image
myImgSrc = "images/decking/";

// 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 = i
  } else {
    var l = i-=1;
  }
  document.imgSrc.src = myImgSrc + myImg[l] + myImgEnd;
}

// Create link function to switch image forward
function next(){
  if(i>12){
    var l = i
  } else {
    var l = i+=1;
  }
  document.imgSrc.src = myImgSrc + myImg[l] + myImgEnd;
}

// Load function after page loads
window.onload=loadImg;