var timerID;                                        //initialize variable for timer
var timerID2;
var timerID3;
var interval = 5000;                              //set timer interval to 5 seconds
var imageDir = "../support/images/AboutEMC/ArtImages/Small/";   //set the image directory
var imageDir2 = "../support/images/AboutEMC/ArtImages/";   //set the image directory
var playing;                                    //initialize the playing toggle var
var imageNum = 0;                            //set the current image number to zero
imageArray = new Array();                   //create the holder for the image array
imageArray2 = new Array();
var totalImages = 36;                                          //imageArray.length; 

if ((document.cookie.indexOf('slides')*1) < 0) {
 document.cookie = "slides=0," + imageNum + 'qxhlas11;';               //set cookie
}

function clickImg() {             //function handles the click to make image bigger
	if (imageNum=='35')                               //if image number is maximum:
	  imageNum=0;                                      //reset image number to zero
	document.location=imageArray2[imageNum][0];   //change page to larger image html
}

for (i=0; i <totalImages; i++) 
 imageArray[i]=new Array(1);

for (i=0; i <totalImages; i++) 
 imageArray2[i]=new Array(1);

function swtchImgT(PoN,pause) {
  switch (PoN) {
    case '1': timerID2 = setTimeout("swtchImg('1')", 100); break;
    case '2': timerID2 = setTimeout("prevImg()",100); break;
  }
  timerID3 = setTimeout("pausePlay('"+pause+"')", 150);	
}
  
function swtchImg(gornt) {
	if (gornt=='1') {         //if gornt is 1, meaning the 'next' button was clicked
		document['slideImg'].src = nextImg(imageNum);   //sets image source next img
		changeName();                                 //changes the name and year?
	    clearTimeout(timerID2);
	}
	else {                     //else gornt is not 1, meaning play is still selected
		startPlay();                //starts the slideshow without advancing the img
	}
	if (playing == "TRUE")            //if playing is true, meaning play is selected
	  clearTimeout(timerID);                                       //reset the timer
	  
	timerID = setTimeout("swtchImg('1')", interval);        //set up the next change
	playing = "TRUE";                                              //playing is true
}
	 
 
function nextImg() {
	imageNum = (imageNum+1) % totalImages;  //modulus imageNum plus one & totalImages 
	document.cookie = "slides=4," + imageNum + 'qxhlas11;';                     //set cookie
	return(imageArray[imageNum][0]);             //returns the next image array value   
}
  
function prevImg() {
	imageNum = (imageNum-1) % totalImages;
	document.cookie = "slides=4," + imageNum + 'qxhlas11;';                     //set cookie
	if (imageNum < 0)  //if imageNum is less than 0, meaning going from first to last 
	  imageNum = imageArray.length-1;           //set imageNum to array length less 1
	document['slideImg'].src = imageArray[imageNum][0];       //set appropriate image 
	changeName();                                              //change name and year
}

function startPlay() {
	document.cookie = "slides=6," + imageNum + 'qxhlas11;';   //set the cookie with pause
	timerID = setTimeout("swtchImg('1')", interval);    //set the timeout/pic refresh
  	playing = "TRUE";                                               //playing is true
}

function pausePlay(pnxt) {
    document.cookie = "slides=6," + imageNum + 'qxhlas11;';      //set the cookie with pause
    clearTimeout(timerID);                    //reset the timeout for picture refresh
    clearTimeout(timerID2);
    clearTimeout(timerID3);
    playing = 'FALSE';                          //set the playing variable to false
    switchIcon('2',pnxt);                       //change the play/pause icon to pause
}

function switchIcon(tog,pnxt) {
	if (tog=='2') {                    //if tog is 2, meaning play is to be displayed
      document.getElementById('plpuz3').style.display="none";            //hide pause
  	  document.getElementById('plpuz4').style.display="inline";           //show play
  	  if (pnxt=='1')                                                 //if pnxt is one
  	    document.getElementById('prv').focus(); 	 //place focus on 'previous' icon      
  	  if (pnxt=='2')                                                 //if pnxt is two
  	   document.getElementById('nxt').focus();           //place focus on 'next' icon
  	  if (pnxt=='0')                                               //if pnxt is three
  	   document.getElementById('pl').focus();            //place focus on 'play' icon
  	}
  	else {                       //else tog isn't 2, meaning pause is to be displayed
  	  document.getElementById('plpuz4').style.display="none";             //hide play
  	  document.getElementById('plpuz3').style.display="inline";          //show pause
  	  document.getElementById('pz').focus();                   //place focus on pause
  	}  	
}

function gtoImage() {
    document['slideImg'].src = imageArray[imageNum][0];                //change image
    changeName();                                                 //change image data
}


function dothisN() {
	//GET INFORMATION FROM THE COOKIE PREVIOUSLY STORED IN THE USERS COMPUTER
	var num=document.cookie;
	var cookieI=(num.indexOf('slides')*1);
    num=num.substring(cookieI)	
    var num2=num.charAt(7);
	var slash=num.indexOf('qxhlas11');
	var num3=slash+1;
	imageNum=(num.substring(9,slash)*1);
	if (imageNum=='36')
		imageNum=0;
	gtoImage(imageNum);
	if (num2=='6')
		pausePlay('0');
	if (num2=='4')
	    startPlay();	
	if (num2=='0')  
	    startPlay();
}//****************************************
//the following is the array used by the slideshow





  imageArray[imageNum++][0] = imageDir + "Elizabeth_DeCleene_2011.jpg";
  imageArray[imageNum++][0] = imageDir + "Elizabeth_DeCleene_20112.jpg";
  imageArray[imageNum++][0] = imageDir + "Holly_Kellog_2011.jpg";
  imageArray[imageNum++][0] = imageDir + "Catherine_Dreiss_2011.jpg";  
  imageArray[imageNum++][0] = imageDir + "Peggy_Jester_2011.jpg";  
  imageArray[imageNum++][0] = imageDir + "Chuck_Richards_2011.jpg";
  imageArray[imageNum++][0] = imageDir + "Wendy_Romero_2011.jpg";
  imageArray[imageNum++][0] = imageDir + "Janet_Hart_Heinicke_2011.jpg";
  imageArray[imageNum++][0] = imageDir + "Saharu_Fakhraie_2011.jpg"
  imageArray[imageNum++][0] = imageDir + "Marcia_Joffe-Bouska_2011.jpg";
  imageArray[imageNum++][0] = imageDir + "Sue_Hettmansperger_2009.jpg";
  imageArray[imageNum++][0] = imageDir + "Robert_Gillespie_2009.jpg";
  imageArray[imageNum++][0] = imageDir + "Thomas_Jewell-Vitale_2009.jpg";
  imageArray[imageNum++][0] = imageDir + "Karen_Kurka_Jensen_2009.jpg";
  imageArray[imageNum++][0] = imageDir + "Hiromi_Okumura_2009.jpg";
  imageArray[imageNum++][0] = imageDir + "Gabriel_Lueders_2009.jpg";
  imageArray[imageNum++][0] = imageDir + "Stewart_Buck_2009.jpg";
  imageArray[imageNum++][0] = imageDir + "Robert_Reeves_2009.jpg";
  imageArray[imageNum++][0] = imageDir + "Sara_Slee_Brown_2009.jpg";
  imageArray[imageNum++][0] = imageDir + "Marcia_Joffe-Bouska_2009.jpg";
  imageArray[imageNum++][0] = imageDir + "Steven_Lauterwasser_2007.jpg";
  imageArray[imageNum++][0] = imageDir + "Laura_Young_2007.jpg";
  imageArray[imageNum++][0] = imageDir + "Earle_Rock_2007.jpg";
  imageArray[imageNum++][0] = imageDir + "Earle_Rock_20072.jpg";
  imageArray[imageNum++][0] = imageDir + "Earle_Rock_20073.jpg";
  imageArray[imageNum++][0] = imageDir + "Artie_Brewer_2007.jpg";
  imageArray[imageNum++][0] = imageDir + "Cathy_Palmer_2005.jpg";
  imageArray[imageNum++][0] = imageDir + "Cathy_Palmer_20052.jpg";
  imageArray[imageNum++][0] = imageDir + "Dan_Ferro_2005.jpg";
  imageArray[imageNum++][0] = imageDir + "Dan_Ferro_20052.jpg";
  imageArray[imageNum++][0] = imageDir + "David_Heffner_2005.jpg";
  imageArray[imageNum++][0] = imageDir + "David_Heffner_20052.jpg";
  imageArray[imageNum++][0] = imageDir + "Diane_Naylor_2005.jpg";
  imageArray[imageNum++][0] = imageDir + "Diane_Naylor_20052.jpg";
  imageArray[imageNum++][0] = imageDir + "Steven_Lauterwasser_2005.jpg";
  imageArray[imageNum++][0] = imageDir + "Steven_Lauterwasser_20052.jpg";
  
  imageNum = 0;
  
  //the following is the array used by the slideshow
  imageArray2[imageNum++][0] = imageDir2 + "Elizabeth_DeCleene_2011.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Elizabeth_DeCleene_20112.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Holly_Kellog_2011.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Catherine_Dreiss_2011.jpg";  
  imageArray2[imageNum++][0] = imageDir2 + "Peggy_Jester_2011.jpg";  
  imageArray2[imageNum++][0] = imageDir2 + "Chuck_Richards_2011.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Wendy_Romero_2011.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Janet_Hart_Heinicke_2011.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Saharu_Fakhraie_2011.jpg"
  imageArray2[imageNum++][0] = imageDir2 + "Marcia_Joffe-Bouska_2011.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Sue_Hettmansperger_2009.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Robert_Gillespie_2009.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Thomas_Jewell-Vitale_2009.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Karen_Kurka_Jensen_2009.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Hiromi_Okumura_2009.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Gabriel_Lueders_2009.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Stewart_Buck_2009.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Robert_Reeves_2009.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Sara_Slee_Brown_2009.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Marcia_Joffe-Bouska_2009.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Steven_Lauterwasser_2007.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Laura_Young_2007.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Earle_Rock_2007.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Earle_Rock_20072.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Earle_Rock_20073.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Artie_Brewer_2007.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Cathy_Palmer_2005.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Cathy_Palmer_20052.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Dan_Ferro_2005.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Dan_Ferro_20052.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "David_Heffner_2005.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "David_Heffner_20052.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Diane_Naylor_2005.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Diane_Naylor_20052.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Steven_Lauterwasser_2005.jpg";
  imageArray2[imageNum++][0] = imageDir2 + "Steven_Lauterwasser_20052.jpg";  
  

function PicProcess() {
	var item='x';           //executes so the page does not move on clicking a button
}

String.prototype.count=function(s1) {
	return (this.length - this.replace(new RegExp(s1,"g"), '').length) / s1.length;
}

function changeName() {              //changes name and year related to the art image
	var nmyr=getNameYear();                  //call function for artist name and year 
	var smcln=nmyr.indexOf(';');              //position of the ';' in the return str
	var nm=nmyr.substring(0,smcln);                                     //name string
	var yr=nmyr.substring(smcln+1);                                     //year string
	document.getElementById('ArtistName').innerHTML = nm;          //change name html
    document.getElementById('Year').innerHTML = yr;                //change year html
}

function getNameYear() {
	var srce=document['slideImg'].src;                      //get source of the image   
	var lslash=srce.lastIndexOf('/');       //final '/' tells where the string starts
	var undsc=srce.count('_');               //for two and three part names count '_'
	var undsc1=srce.indexOf('_');                      //position of first underscore
	var firsty=srce.substring(lslash+1,undsc1);                   //first name string
	var undsc2=srce.indexOf('_',undsc1+1);            //position of second underscore              			
	var firsty=firsty + " " + srce.substring(undsc1+1,undsc2);  //first and last name 
	var prd=srce.indexOf('.',30);    //find position of the '.' for the extension jpg
	if (undsc=='3') {                           //if the artist's name is three parts
		undsc1=srce.indexOf('_',undsc2+1);         //position of the third underscore
		firsty=firsty + " " + srce.substring(undsc2+1,undsc1);    //complete name str
		var year=srce.substring(undsc1+1,prd);                    //retrieve the year
	}
	else {                                     //otherwise artist's name is two parts        	
		var year=srce.substring(undsc2+1,prd);                    //retrieve the year
	}	
	var yrL=year.length;                          //get the length of the year string 
		if (yrL=='5') {                      //if year string is five characters long
			year=year.substring(0,4);           //only take the first four characters
		}
	srce=firsty + ';' + year;                         //combine name and year strings
	return(srce);                         //return the name and year separated by ';'               
}