// JavaScript Document
addEvent(window, 'load', ImageViewer, false);

function ImageViewer()
{
	 var images = getElementsByClassName(document.getElementsByTagName("body")[0], "img", "viewableImage"); 
	 
	 
	 var myself = this;
	 for(var i =0; i <images.length; i++){
		 var image = images[i];
		 image.style.cursor = "pointer";
		 addEvent(image, "click", function(evt){showImageInNewWindow(evt);},false);
	 }
}


function showImageInNewWindow(evt){
	
	var img = getElement(evt);
	
	//http://localhost:81/websitedesign/EypeView/utils-thumbnailer.php?src=test.jpg&x=300&y=170
	var sourceString=img.src;
	
	// extract the image name:
	var startPos = 1 + sourceString.indexOf("=");
	var endPos = sourceString.indexOf("&");
	var fileName = "images/" + sourceString.substring(startPos, endPos);
	
	window.open(fileName,'','scrollbars=no,menubar=no,height=500,width=500,resizable=yes,toolbar=no,location=no,status=no');	
	
}