//how many paintings are in the series?
var n = 17;

//declare the paintings array to hold the paintings, with one row for each painting
var paintings = new Array(n);

//declare 5 columns for the paintings array: Title [0], Medium [1], Year [2], Dimensions [3], Slide file [4]
for (i = 0; i < paintings.length; i++) {
	paintings[i] = new Array (5);
	}

//load the Titles to the paintings array
paintings[0][0] = "The Studio (Annunciation)";
paintings[1][0] = "Point and Shoot";
paintings[2][0] = "Survival (Cloud and Cloud-Maker)";
paintings[3][0] = "Mirra-Mirra";
paintings[4][0] = "Self Portrait as Us";
paintings[5][0] = "Box of Letters (for Emily Dickinson)";
paintings[6][0] = "Oh My!";
paintings[7][0] = "Parachute (for Amelia Earhart)";
paintings[8][0] = "Confession";
paintings[9][0] = "Solitude";
paintings[10][0] = "Self Portrait as Anna Akhmatova";
paintings[11][0] = "Vessel";
paintings[12][0] = "Relic";
paintings[13][0] = "Song Book";
paintings[14][0] = "Sailor Madonna";
paintings[15][0] = "Orlando";
paintings[16][0] = "Self Portrait as Chair";


//load the Medium to the paintings array
paintings[0][1] = "Oil on Canvas";
paintings[1][1] = "Oil on Canvas";
paintings[2][1] = "Oil on Canvas";
paintings[3][1] = "Oil on Canvas";
paintings[4][1] = "Oil on Canvas";
paintings[5][1] = "Oil on Canvas";
paintings[6][1] = "Oil on Canvas";
paintings[7][1] = "Oil on Canvas";
paintings[8][1] = "Oil on Canvas";
paintings[9][1] = "Oil on Canvas";
paintings[10][1] = "Oil on Canvas";
paintings[11][1] = "Oil on Canvas";
paintings[12][1] = "Oil on Canvas";
paintings[13][1] = "Oil on Canvas";
paintings[14][1] = "Oil on Linen";
paintings[15][1] = "Oil on Canvas";
paintings[16][1] = "Oil on Canvas";


//load the Year to the paintings array
paintings[0][2] = "2008";
paintings[1][2] = "2008";
paintings[2][2] = "2008";
paintings[3][2] = "2008";
paintings[4][2] = "2008";
paintings[5][2] = "2008";
paintings[6][2] = "2008";
paintings[7][2] = "2008";
paintings[8][2] = "2008";
paintings[9][2] = "2008";
paintings[10][2] = "2008";
paintings[11][2] = "2008";
paintings[12][2] = "2008";
paintings[13][2] = "2008";
paintings[14][2] = "2008";
paintings[15][2] = "2008";
paintings[16][2] = "2008";



//load the Dimensions to the paintings array
paintings[0][3] = '80" x 86"';
paintings[1][3] = '80" x 86"';
paintings[2][3] = '62.25" x 96"';
paintings[3][3] = '67" x 90"';
paintings[4][3] = '24" x 20"';
paintings[5][3] = '36.5" x 42.25"';
paintings[6][3] = '36.5" x 42.25"';
paintings[7][3] = '68.25" x 60"';
paintings[8][3] = '68.25" x 60"';
paintings[9][3] = '18" x 20"';
paintings[10][3] = '24" x 20"';
paintings[11][3] = '53" x 46.5"';
paintings[12][3] = '42.25" x 36"';
paintings[13][3] = '47.25" x 36"';
paintings[14][3] = '26" x 20"';
paintings[15][3] = '16" x 14"';
paintings[16][3] = '34" x 26"';

//load the images to the paintings array
for (i=0; i<n; i++) {
	paintings[i][4] = new Image();
	paintings[i][4].src = "images/slides/self_reflect/" + (i) + ".jpg";	
	}

//thumbnail function
function swapPhoto(i) {		
	document.getElementById('Title').innerHTML = paintings[i][0];
	document.getElementById('Medium').innerHTML = paintings[i][1];
	document.getElementById('Year').innerHTML = paintings[i][2];
	document.getElementById('Dimensions').innerHTML = paintings[i][3];
	document.images.slide.src = paintings[i][4].src;
	addThumbBorder(i);
	}
	
//slideshow function
function goToImage (dir) {
	currentSrc = document.images.slide.src;	
	i = parseInt(currentSrc.match(/\d+(?=\.jpg)/));
	
	if (dir == "prev") {
		if (i != 0) {
			i--;		
		}
		 else {
			i = paintings.length-1;			
		}		
	}
	else {
		if (i != paintings.length-1) {
			i++;
		}
		else {
			i = 0;		
		}
	}
	swapPhoto(i);
	
	}


//add border to thumbnail
function addThumbBorder(i) {
	for (j=0; j<n; j++) {
		switch (j)	{
			case i:
				document.getElementById('thumb_' + (j)).style.borderColor = '#E05764';
				break;
			default:
				document.getElementById('thumb_' + (j)).style.borderColor = 'white';
				break;
			}
		}
	}


//optional dropdown menu
/*

//show links to series
function show_series_links() {
	document.getElementById('series_links').style.visibility='visible';

	}
	
//hide links to series
function hide_series_links() {
	document.getElementById('series_links').style.visibility='hidden';
	
	
	}	
*/