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

//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] = "House We Carry With Us";
paintings[1][0] = "Olivia's Castle";
paintings[2][0] = "Letter in the Dark";
paintings[3][0] = "Shuffle";
paintings[4][0] = "Dunk";
paintings[5][0] = "Deliver";
paintings[6][0] = "Word";
paintings[7][0] = "Lost Key";
paintings[8][0] = "Mailbox";
paintings[9][0] = "Room with a View";
paintings[10][0] = "Theater Box";
paintings[11][0] = "Black Window";
paintings[12][0] = "Curtain";
paintings[13][0] = "Tomorrow's House";
paintings[14][0] = "Letter";
paintings[15][0] = "At the Very End";
paintings[16][0] = "Vision";
paintings[17][0] = "Installation View: Untitled (left), Each Day (right)";
paintings[18][0] = "Each Day (detail)";

//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] = "Mixed Media Collage";
paintings[15][1] = "Mixed Media Collage";
paintings[16][1] = "Oil on Canvas";
paintings[17][1] = "Mixed Media";
paintings[18][1] = "Mixed Media Installation";


//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";
paintings[17][2] = "2008";
paintings[18][2] = "2008";



//load the Dimensions to the paintings array
paintings[0][3] = '24" x 20"';
paintings[1][3] = '24" x 20"';
paintings[2][3] = '24" x 20"';
paintings[3][3] = '20" x 18"';
paintings[4][3] = '18" x 15"';
paintings[5][3] = '16" x 19"';
paintings[6][3] = '24" x 20"';
paintings[7][3] = '30" x 26"';
paintings[8][3] = '16" x 19"';
paintings[9][3] = '14" x 18"';
paintings[10][3] = '19" x 25"';
paintings[11][3] = '48" x 60"';
paintings[12][3] = '9" x 11"';
paintings[13][3] = '8" x 9"';
paintings[14][3] = '44" x 60"';
paintings[15][3] = '43" x 48"';
paintings[16][3] = '14" x 18"';
paintings[17][3] = 'dimensions variable';
paintings[18][3] = 'dimensions variable';

//load the images to the paintings array
for (i=0; i<n; i++) {
	paintings[i][4] = new Image();
	paintings[i][4].src = "images/slides/hand_and_box/" + (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';
	
	
	}	
*/