// List image names without extension
var myImg= new Array(6)
  myImg[0]= "Bedroom_1_before";
  myImg[1]= "Bedroom_2_before";
  myImg[2]= "Bedroom_3_before";
  myImg[3]= "Dining_room_before";
  myImg[4]= "Living_room_before";
  myImg[5]= "Bathroom_before";
  
var myImgA= new Array(6)
  myImgA[0]= "Bedroom_1_after";
  myImgA[1]= "Bedroom_2_after";
  myImgA[2]= "Bedroom_3_after";
  myImgA[3]= "Dining_room_after";
  myImgA[4]= "Living_room_after";
  myImgA[5]= "Bathroom_after";  
  
// Tell browser where to find the image
myImgSrc = "images/gastinells/";

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

var i = 0;
var j = i+1;

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

// Create link function to switch image backward
function prev(){
  if(i<1){
    var l = i;
	var m = l+1;
  } else {
    var l = i-=1;
	var m = l+1;
  }
  document.imgSrc.src = myImgSrc + myImg[l] + myImgEnd;
  document.imgSrc2.src = myImgSrc + myImg[m] + myImgEnd;
}

// Create link function to switch image forward
function next(){
  if(i>3){
    var l = i;
	var m = i+1;
  } else {
    var l = i+=1;
	var m = l+1;
  }
  document.imgSrc.src = myImgSrc + myImg[l] + myImgEnd;
  document.imgSrc2.src = myImgSrc + myImg[m] + myImgEnd;
}

//function that swtiches after images to the one clicked.
function after(selPic){
	document.imgSrc3.src = myImgSrc + myImgA[selPic] + myImgEnd;
}

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