/* slideshow configuration */
var imageWidth = 682;
var imageHeight = 408;
var imageCount = 3;
var imageCounter = 1;  // One image is already on the page in case they don't have javascript.
var links = {
	2: '/postgala.aspx',
	3: '/postgala.aspx',

}

/* slideshow */
function activateSlideShow() {
	// This function is designed to let the page load gradually rather than waiting for the huge images before rendering.
	addSlide();
}

function addSlide() {
	imageCounter++;
	var slide = $('<img src="/images/slideshow/' + imageCounter + '.jpg" width="' + imageWidth + '" height="' + imageHeight + '" />');
	$(slide).load(function(){
		$(this).wrap('<a href="' + links[imageCounter] + '" target="_blank"></a>');
		if (imageCounter < 3) {
			addSlide();
		} else {
			$('div.slideShow').cycle({timeout: 10000});
		}
	});
	$('div.slideShow').append(slide);
}