// script wide variables  
var myImgSrc = "../images/"; // path to images     
var j = 0;  // array traversal index
 
if (document.images != null)
{
  preload();
}


function preload()
{

	
	// create object to hold folio images
	images = new Array();
  
  // folio
  images[0] = myImgSrc + "Z01.jpg";
  images[1] = myImgSrc + "Z02.jpg";
  images[2] = myImgSrc + "Z03.jpg";
  images[3] = myImgSrc + "Z04.jpg";
  images[4] = myImgSrc + "Z05.jpg";
  images[5] = myImgSrc + "Z06.jpg";
  

   // start preloading
   imageObj = new Image();
   var i = 0;
   for(i=0; i<=images.length; i++) 
   {
   	imageObj.src=images[i];
   }
     
	// image navigation
	prevon = new Image;
	prevon.src = myImgSrc + "prevon.jpg";
	prevoff = new Image;
	prevoff.src = myImgSrc + "prevoff.jpg";
	prevblank = new Image;
	prevblank.src = myImgSrc + "prevblank.jpg";

 	nexton = new Image;
 	nexton.src = myImgSrc + "nexton.jpg";
 	nextoff = new Image;
 	nextoff.src = myImgSrc + "nextoff.jpg";		
	nextblank = new Image;
 	nextblank.src = myImgSrc + "nextblank.jpg";
}



function prevrollover(imgSwap,imgName) 
{
	if ( j > 0 )
	{
	  if (document.images != null) 
		{
	  	imgSwap = eval(imgSwap + ".src");
	    document[imgName].src = imgSwap;
	  } 
	}
}

function nextrollover(imgSwap,imgName) 
{
	if (j < (images.length - 1))
	{	
		if (document.images != null) 
		{
	  	imgSwap = eval(imgSwap + ".src");
	    document[imgName].src = imgSwap;
	  }
	}
}

function prevImg()
{
	document.next.src = myImgSrc + "nextoff.jpg";
  if ( j == 1 )
  {
	 document.prev.src = myImgSrc + "prevblank.jpg";
  }  
  if ( j > 0 )
  {
    document.imgSrc.src = images[--j];
  } 
}

function nextImg()
{
	document.prev.src = myImgSrc + "prevoff.jpg";
  if (j < (images.length - 1))
  {
		document.imgSrc.src = images[++j];
	}
	if ( j == (images.length - 1))
  {
  	document.next.src = myImgSrc + "nextblank.jpg";
  } 
}


// ***** LOAD THE FIRST IMAGE *****
// create an current image object
currentImage = new Image();

// preload the image file
currentImage.src= myImgSrc + "Z01.jpg";

// Create function to load image
function loadImg()
{
  document.imgSrc.src = currentImage.src;
}

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