//Image slideshow with caption and alt tag
//Add <img id="slide"  src="imagename"/> and <p id="slideCaption">imageCaption</p> in the body
function viewSlideshow()
{
	var images = new Array();
	number = 0;
	images[number++] = "media/art_ramos.jpg";
	images[number++] = "media/art_sloan.jpg";
	images[number++] = "media/art_urena.jpg";
	images[number++] = "media/art_regula.jpg";
	var altTags = new Array();
	number = 0;
	altTags[number++] = "Cheyanne Ramos / Untitled / Oil on Canvas";
	altTags[number++] = "Emily Sloan / Matchstick Rug / Matches";
	altTags[number++] = "Dina Urena / In Dialogue / Ceramic";
	altTags[number++] = "Smitty Regula / An Homage to Coffee / Cans and Percolators";
	var captions = new Array();
	number = 0;
	captions[number++] = "Cheyanne Ramos / Untitled / Oil on Canvas";
	captions[number++] = "Emily Sloan / Matchstick Rug / Matches";
	captions[number++] = "Dina Urena / In Dialogue / Ceramic";
	captions[number++] = "Smitty Regula / An Homage to Coffee / Cans and Percolators";
	increment = Math.floor(Math.random() * number);
	
	var img = document.getElementById("slide");
	img.src = images[increment].toString();
	img.alt = altTags[increment].toString();
	
	var imgCaption = document.getElementById("slideCaption");
	imgCaption.innerHTML = captions[increment];
}