// JavaScript Document

// List image names without extension
var myImg= new Array(5)
  myImg[0]= "home1";
  myImg[1]= "home2";
  myImg[2]= "home3";
  myImg[3]= "home4";
  myImg[4]= "home5";
  myImg[5]= "home6";

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

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

var i = 0;

// Create function to load image
function loadImg(){
  document.getElementById("homeimage").style.backgroundImage= myImgSrc + myImg[i] + myImgEnd;
}

// Create link function to switch image backward
function prev(){
  if(i<1){
    i = 5;
	var l =i;
  } else {
    var l = i-=1;
  }
  document.getElementById("homeimage").style.backgroundImage= myImgSrc + myImg[l] + myImgEnd;
  if(myImg[l] == "home1")
	{
	 document.getElementById("image1").className="current";
	 document.getElementById("image2").className = "regular";
	 document.getElementById("image3").className = "regular";
	 document.getElementById("image4").className = "regular";
	 document.getElementById("image5").className = "regular";
	 document.getElementById("image6").className = "regular";
	 
	
	}
	if(myImg[l] == "home2")
	{
	 document.getElementById("image1").className = "regular";
	 document.getElementById("image2").className = "current";
	 document.getElementById("image3").className = "regular";
	 document.getElementById("image4").className = "regular";
	 document.getElementById("image5").className = "regular";
	 document.getElementById("image6").className = "regular";
	}
	if(myImg[l] == "home3")
	{
	  document.getElementById("image1").className = "regular";
	 document.getElementById("image2").className = "regular";
	 document.getElementById("image3").className = "current";
	 document.getElementById("image4").className = "regular";
	 document.getElementById("image5").className = "regular";
	 document.getElementById("image6").className = "regular";
	}
	if(myImg[l] == "home4")
	{
	  document.getElementById("image1").className = "regular";
	 document.getElementById("image2").className = "regular";
	 document.getElementById("image3").className = "regular";
	 document.getElementById("image4").className = "current";
	 document.getElementById("image5").className = "regular";
	 document.getElementById("image6").className = "regular";
	}
	if(myImg[l] == "home5")
	{
	  document.getElementById("image1").className = "regular";
	 document.getElementById("image2").className = "regular";
	 document.getElementById("image3").className = "regular";
	 document.getElementById("image4").className = "regular";
	 document.getElementById("image5").className = "current";
	 document.getElementById("image6").className = "regular";
	}
	if(myImg[l] == "home6")
	{
	  document.getElementById("image1").className = "regular";
	 document.getElementById("image2").className = "regular";
	 document.getElementById("image3").className = "regular";
	 document.getElementById("image4").className = "regular";
	 document.getElementById("image5").className = "regular";
	 document.getElementById("image6").className = "current";
	}
  
}

// Create link function to switch image forward
function next(){
  if(i>4){
    i = 0;
	var l =i;
  } else {
    var l = i+=1;
  }
  document.getElementById("homeimage").style.backgroundImage = myImgSrc + myImg[l] + myImgEnd;
  if(myImg[l] == "home1")
	{
	 document.getElementById("image1").className="current";
	 document.getElementById("image2").className = "regular";
	 document.getElementById("image3").className = "regular";
	 document.getElementById("image4").className = "regular";
	 document.getElementById("image5").className = "regular";
	 document.getElementById("image6").className = "regular";
	 
	
	}
	if(myImg[l] == "home2")
	{
	 document.getElementById("image1").className = "regular";
	 document.getElementById("image2").className = "current";
	 document.getElementById("image3").className = "regular";
	 document.getElementById("image4").className = "regular";
	 document.getElementById("image5").className = "regular";
	 document.getElementById("image6").className = "regular";
	}
	if(myImg[l] == "home3")
	{
	  document.getElementById("image1").className = "regular";
	 document.getElementById("image2").className = "regular";
	 document.getElementById("image3").className = "current";
	 document.getElementById("image4").className = "regular";
	 document.getElementById("image5").className = "regular";
	 document.getElementById("image6").className = "regular";
	}
	if(myImg[l] == "home4")
	{
	  document.getElementById("image1").className = "regular";
	 document.getElementById("image2").className = "regular";
	 document.getElementById("image3").className = "regular";
	 document.getElementById("image4").className = "current";
	 document.getElementById("image5").className = "regular";
	 document.getElementById("image6").className = "regular";
	}
	if(myImg[l] == "home5")
	{
	  document.getElementById("image1").className = "regular";
	 document.getElementById("image2").className = "regular";
	 document.getElementById("image3").className = "regular";
	 document.getElementById("image4").className = "regular";
	 document.getElementById("image5").className = "current";
	 document.getElementById("image6").className = "regular";
	}
	if(myImg[l] == "home6")
	{
	  document.getElementById("image1").className = "regular";
	 document.getElementById("image2").className = "regular";
	 document.getElementById("image3").className = "regular";
	 document.getElementById("image4").className = "regular";
	 document.getElementById("image5").className = "regular";
	 document.getElementById("image6").className = "current";
	}
}

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