
// Set the horizontal and vertical position for the popup 
PositionX = 180; PositionY = 180; 
// Set these value approximately 20 pixels greater than the 
// size of the largest image to be used (needed for Netscape) 
defaultWidth = 1000; 
defaultHeight = 1000; 
// Set autoclose true to have the window close automatically 
// Set autoclose false to allow multiple popup windows 
var AutoClose = false; 
if (parseInt(navigator.appVersion.charAt(0))>=4){ 
	var isNN=(navigator.appName=="Netscape")?1:0; 
	var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;
} 

var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY; 
var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY; 

function popImage(imageURL,imageTitle){
	if (isNN){
		imgWin=window.open('about:blank','',optNN);
	} 
	if (isIE){
		imgWin=window.open('about:blank','',optIE);
	} 
	
	with (imgWin.document){ 
		writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');
		writeln('<sc'+'ript>'); 
		writeln('var isNN,isIE;');
		writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){'); 
		writeln('isNN=(navigator.appName==\"Netscape\")?1:0;');
		writeln('isIE=(navigator.appName.indexOf(\"Microsoft\")!=-1)?1:0;}'); 
		writeln('function reSizeToImage(){');
		writeln('if (isIE){');
		writeln('window.resizeTo(100,100);'); 
		writeln('width=100-(document.body.clientWidth-document.images[0].width);'); 
		writeln('height=100-(document.body.clientHeight-document.images[0].height);'); 
		writeln('window.resizeTo(width,height);}');
		writeln('if (isNN){'); writeln('window.innerWidth=document.images[\"jakubs\"].width;');
		writeln('window.innerHeight=document.images[\"jakubs\"].height;}}'); 
		writeln('function doTitle(){document.title=\"'+imageTitle+'\";}');
		writeln('</sc'+'ript>'); 
		if (!AutoClose) writeln('</head><body bgcolor=000000 scroll=\"no\" onload=\"reSizeToImage();doTitle();self.focus()\">') 
			else writeln('</head><body bgcolor=000000 scroll=\"no\" onload=\"reSizeToImage();doTitle();self.focus()\" onblur=\"self.close()\">'); 
		writeln('<a href=\"#\" onClick=\"javascript:window.close()\"><img name=\"jakubs\" src='+imageURL+' style=\"display:block\" border=\"0\"></a></body></html>'); 
		close(); 
	}
} 
	
//and in the links: <a href="javascript:popImage('../images/$itemnumber.png','$itemnumber.png')">click</a> 