/* ***********************************************************************************
New version of slideshow functionality from 04 November 2008 to allow a piece of text 
per picture in the slideshow. The argument supplied to the constructor is assumed to 
be an array of objects with an url and text as the below JSON:
var src = [
	{
		url: "<some absolute url to a picture>",
		text: "<text description for picture>"
	},
	{
		url: "<as above>",
		text: "<as above>"
	}
];

************************************************************************************* */
function Slideshow(src) {
	this.counter = 0;
	this.src = src;
	this.go = function(step) {
		// modify step
		this.counter += step;
		if (this.counter < 0) {
			this.counter = this.src.length-1;
		} else if (this.counter > this.src.length-1) {
			this.counter = 0;
		}
		
		// get data
		var url = this.src[this.counter].url;
		var text = this.src[this.counter].text;
		
		// get divisions
		var dImg = document.getElementById("slideshow_image");
		var dTxt = document.getElementById("slideshow_text");
		
		// set data
		dImg.innerHTML = "<center><img src=\"" + url + "\" /></center>";
		dTxt.innerHTML = "<center>" + unescape(text) + "</center>";
	};
	this.previous = function() {
		this.go(-1);
	};
	this.next = function() {
		this.go(1);
	};
	this.startSlideshow = function() {
		// go to first picture
		this.go(0);
	}
}

function showSlideshow(key) {
	// show popup
	window.open("../ss/" + key, "hg_slideshow", "width=425,height=575");
	
	// return
	return false;
}