// JavaScript Document
var currImg = 0;
var captionText = new Array(
	 "<a href='painting001.php' target='_blank'>Acrylic Painting Example</a> 1998",
     "<a href='painting002.php' target='_blank'>Acrylic Painting Example</a> 1998",
     "<a href='penink001.php' target='_blank'>Pen and Ink Example</a> 1997",
     "<a href='penink002.php' target='_blank'>Pen and Ink Example</a> 1997",
     "<a href='penink003.php' target='_blank'>Pen and Ink Example</a> 1997",
     "<a href='penink005.php' target='_blank'>Pen and Ink Example</a> 1997",
     "<a href='penink006.php' target='_blank'>Pen and Ink Example</a> 1997",
	 "<a href='penink007.php' target='_blank'>Pen and Ink Example</a> 1997",
	 "<a href='penink004.php' target='_blank'>Pen and Ink Example</a> 1998",
	 "<a href='penink008.php' target='_blank'>Pen and Ink Example</a> 1999",
	 "<a href='penink009.php' target='_blank'>Pen and Ink Example</a> 2007"
)

function initAll() {
	document.getElementById("imgTextArt").innerHTML = captionText[0];
	document.getElementById("prevLink").onclick = processPrevious;
	document.getElementById("nextLink").onclick = processNext;
}

function processPrevious() {
	newSlide(-1);
}

function processNext() {
	newSlide(1);
}

function newSlide(direction) {
	var imgCt = captionText.length;

	currImg = currImg + direction;
	if (currImg < 0) {
		currImg = imgCt-1;
	}
	if (currImg == imgCt) {
		currImg = 0;
	}
	document.getElementById("slideshowArt").src = "images/slideArtImg" + currImg + ".jpg";
	document.getElementById("imgTextArt").innerHTML = captionText[currImg];
}
