// JavaScript Document
function zoom(zoomed)
{
if (zoomed==0)
{
	showBigImage();
}
if (zoomed==1)
{
	initImages();
}
}


function imageZoomer(imgSmall, imgBig, caption)
{
	var src='<span id="zoomable" style="cursor:all-scroll">';
	src=src+imgSmall.substring(0,imgSmall.length-2)+'onClick="zoom(0);"/>';
	src=src+'<span onClick="zoom(1);">';
	src=src+imgBig;
	src=src+'<h5 id="caption">'+caption+'</h5>';
	src=src+'</span>';
	src=src+'</span>';
	document.write(src);
	initImages();
}

function initImages()
{
var contentDiv = document.getElementById("zoomable");
var containedImgs = contentDiv.getElementsByTagName("img");
var image1 = containedImgs[0];
var containedSpans = contentDiv.getElementsByTagName("span");
var spanned=containedSpans[0];

image1.style.position="relative";
//image1.style.cursor="url('images/plus.cur')";

//spanned.style.cursor="url('images/plus.cur')";
spanned.style.position="absolute";
spanned.style.visibility="hidden";
}

function showBigImage()
{
var contentDiv = document.getElementById("zoomable");
var containedImgs = contentDiv.getElementsByTagName("img");
var image1 = containedImgs[0];
var image2 = containedImgs[1];
var containedSpans = contentDiv.getElementsByTagName("span");
var spanned=containedSpans[0];
var w=0-(image2.width-image1.width)/2;
image2.style.padding="2px";
image2.style.border="0px";

spanned.style.visibility="visible";
spanned.style.top="80px";
spanned.style.left=w+"px"; 
spanned.style.backgroundColor="#eeeeee";
spanned.style.padding="5px";
spanned.style.border="1px solid #999999";
spanned.style.zIndex = 16;
//spanned.style.cursor="url('images/minus.cur')";
}