function scrollpanorama(id, direction)
{
	back = document.getElementById("back" + id);
	more = document.getElementById("more" + id);
	panorama = document.getElementById("panorama" + id);
	switch(direction)
	{
		case "back": panorama.scrollLeft -= 103; break;
		case "more": panorama.scrollLeft += 103; break;
	}
	if (panorama.scrollLeft == 0)
	{
		back.innerHTML = "<img src=\"images/galleryback.png\" alt=\"\" />";
	}
	else
	{
		back.innerHTML = "<a href=\"\" onclick=\"javascript:scrollpanorama(" + id + ", 'back'); return false;\"><img src=\"images/gallerybackon.png\" alt=\"Back\" /></a>";
	}
	if (panorama.scrollLeft + panorama.clientWidth == panorama.scrollWidth)
	{
		more.innerHTML = "<img src=\"images/gallerymore.png\" alt=\"\" />";
	}
	else
	{
		more.innerHTML = "<a href=\"\" onclick=\"javascript:scrollpanorama(" + id + ", 'more'); return false;\"><img src=\"images/gallerymoreon.png\" alt=\"More\" /></a>";
	}
}

function showpreview(id, location, name, desc)
{
	document.getElementById("photo" + id).innerHTML = "<a href=\"\" onclick=\"javascript:hidepreview(" + id + "); return false;\"><img src=\"photos/" + location + "\.jpg\" alt=\"" + name + "\" /></a>";
	document.getElementById("comment" + id).innerHTML = "<strong>" + name + "</strong> " + desc;
	document.getElementById("preview" + id).style.display = "block";
}

function hidepreview(id)
{
	document.getElementById("preview" + id).style.display = "none";
}