// JavaScript Document

var imgMain=[];
var a = 1;

function imgSwap(imgId) {
	document.getElementById("mainImg").src=imgMain[imgId].src;
}

function preLoad() { 
	for (var i=1; i<=14; i++)  {
	 imgMain[i]=new Image();      
	 imgMain[i].src='Assets/Images/oilsOnLinen1Large/'+i+'_Cook.jpg'; 
	 }
}

function preLoad2() { 
	for (var i=1; i<=13; i++)  {
	 imgMain[i]=new Image();      
	 imgMain[i].src='Assets/Images/oilsOnLinen2Large/'+i+'_Cook.jpg'; 
	 }
}

function preLoad3() { 
	for (var i=1; i<=10; i++)  {
	 imgMain[i]=new Image();      
	 imgMain[i].src='Assets/Images/acrylicOnPaperLarge/'+i+'_Cook.jpg'; 
	 }
}


// homepage (index) slideshow functions
var numslides=0,currentslide=0;
var slides = new Array();
function MakeSlideShow() {
   // find all images with the class "slide"
   imgs=document.getElementsByTagName("img");
   for (i=0; i<imgs.length; i++) {
      if (imgs[i].className != "slide") continue;
      slides[numslides]=imgs[i];
      // hide all but first image
      if (numslides==0) {
         imgs[i].style.display="block";
      } else {
         imgs[i].style.display="none";
      }
      //imgs[i].onclick=NextSlide;
	  setTimeout('NextSlide', 500);
      numslides++;
   } // end for loop
} // end MakeSlideShow()

function NextSlide() {
   slides[currentslide].style.display="none";
   currentslide++;
   if (currentslide >= numslides) currentslide = 0;
   slides[currentslide].style.display="block";
}

function setOpacityInterval() {
	
	//imgs[i].style.opacity="0.5";
	
}	
//

// create the slideshow when the page loads
window.onload=MakeSlideShow;