Here is the popup image viewer script:
<html>
<head>
<title>Popup Image Viewer</title>
<script type="text/javascript">
<!--//
function imageView(imgFile,imgTitle,imgWidth,imgHeight,winPosX,winPosY){
preview = window.open("", "","resizable=no,toolbar=no,scrollbars=no,menubar=no,status=no,directories=no,width="+imgWidth+",height="+imgHeight+",left="+winPosX+",top="+winPosY+"");
preview.document.write('<html><head><title>'+imgTitle+' - Click to close - <\/title><\/head>'
+'<body onBlur="self.focus();" marginWidth="0" marginHeight="0" topmargin="0" leftmargin="0">'
+'<center>'
+'<a href="javascript:self.close()">'
+'<img border="0" alt="Image loading please wait...." src="'+imgFile+'" width="'+imgWidth+'" height="'+imgHeight+'">'
+'<\/a><\/center>'
+'<\/body><\/html>');
preview.document.close();
}
// -->
</script>
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
<!--// Parameter list as follows:
Image File
Title of Image
Width of Image
Height of Image
Window Position X coordinate
Window Position Y coordinate
//-->
<a href="javascript:imageView('images/australia08.jpg','Australian Limestone Desert',427,277,50,50)">
<img src="images/australia08thumb.jpg" width="84" height="55" border="0" alt="Click for larger image"></a>
<br>
<br>
<a href="javascript:imageView('images/australia11.jpg','Downtown Perth Australia',420,274,50,50)">
<img src="images/australia11thumb.jpg" width="84" height="55" border="0" alt="Click for larger image"></a>
</body>
</html>