function hideShow(elt, display)
 {
	elt.style.display = elt.style.display == display ? "none" : display;
 }

var popped;

function popupPicture(elt)
{
	if (popped) // restore any previously-popped up picture
		popdownPicture(popped);

//elt.KhtmlTransition = "all 1.5s linear";
//elt.style.backgroundImage = "-webkit-gradient(linear, left top, right bottom, from(white), to(#bbb))";
	elt.style.padding = "1em 1em 3em";
	elt.style.backgroundColor = "white";
	elt.style.borderColor = "black";
	elt.style.borderWidth = "0.5ex";
	elt.style.borderStyle = "solid";
	elt.style.webkitBorderRadius = "1em";
	elt.style.position = "fixed";
	elt.style.top = "10%";
	elt.style.left = "10%";
	elt.style.width = "80%";
	elt.style.height = "auto";
//	elt.style.zIndex = new Date().getTime() % 1000000; // make sure the most recent picture is on top
//	elt.style.background = "white url(img/closebox.png) no-repeat";
//	elt.style.backgroundPosition = "102% -15px";
	elt.onclick = function() { return popdownPicture(elt); };
	popped = elt;
	return false;
}

function popdownPicture(elt)
{
	elt.style.padding = "0";
	elt.style.borderStyle = "none";
	elt.style.webkitBorderRadius = "0";
	elt.style.position = "static";
// 	elt.style.top = "0";
// 	elt.style.left = "0";
	elt.style.width = "250px";
	elt.style.height = "167px";
//	elt.style.zIndex = "auto";
//	elt.style.background = null;
	elt.onclick = function() { return popupPicture(elt); };
	popped = null;
	return false;
}

function slideShow(canvasDivId, imgId, images)
{
	var currentImage = 0;
	var canvas = document.getElementById(canvasDivId);
	var img = document.getElementById(imgId);
	if (!(canvas && img))
		return false;

	canvas.style.backgroundColor = "#999999";
	canvas.style.opacity = 0.75;
	canvas.style.MozOpacity = 0.75;
	canvas.style.KhtmlOpacity = 0.75;
	canvas.style.filter = "alpha(opacity=75)";
	canvas.style.height = "100%";
	canvas.style.left = 0;
	canvas.style.position = "fixed";
	canvas.style.top = 0;
	canvas.style.width = "100%";
	canvas.style.zIndex = 1;
	canvas.onclick = function() { img.style.display = "none"; canvas.style.display = "none"; }
	canvas.style.display = "block";

	img.style.backgroundColor = "white";
	img.style.borderColor = "black";
	img.style.borderStyle = "solid";
	img.style.borderWidth = "0.5ex";
	img.style.height = "auto";
	img.style.left = "10%";
	img.style.margin = "auto";
	img.style.padding = "1em 1em 3em";
	img.style.position = "fixed";
	img.style.top = "10%";
	img.style.webkitBorderRadius = "1em";
	img.style.width = "80%";
	img.style.zIndex = 2;
	img.src = images[0];
	img.onclick = function() { return next(canvas, img, currentImage, images); };
	img.style.display = "block";

	return false;
}

function next(canvas, img, currentImage, images)
{
	img.src = images[++currentImage];
	if (currentImage == images.length - 1)
		img.onclick = function() { img.style.display = "none"; canvas.style.display = "none"; }
	else
		img.onclick = function() { return next(canvas, img, currentImage, images); };
}