var ppimgNW;
function popupImage(src, note, title, css, border) {
try {
  if (border==null) border = 0;
  if (note==null) note = '';
  if (ppimgNW != null) ppimgNW.close();

  ppimgNW = window.open('','POPUPIMAGE','width=1,height=1,resizable=1');
  var doc = ppimgNW.document;
  doc.write('<html>');
  doc.write('<head>');
  if (title!=null) doc.write('<title>'+ title +'</title>');
  doc.write('<style> body {'+css+'} #ppImgText{'+ css +'} #ppImg{cursor:hand} .toolbar {display:none; position:absolute; left:2;top:2; background:#808080} </style></head>');
  doc.write('<body leftmargin="0" topmargin="' + border + '" oncontextmenu=return(showtb())>');
  doc.write('<table class=toolbar id=eToolbar><tr><td>[+]</td><td>[-]</td><td>CW</td><td>CCW</td></tr></table>');
  doc.write('<table cellspacing=0 cellpadding=0 width="100%" height="100%" unselectable=on><tr><td align=center><div align="center">');
  doc.write('<img src="' + src + '" id="ppImg" onclick="window.close();" title="Close" unselectable=on>');
  doc.write('</div>');
  doc.write('<div style="height:1; width:' + border + '; font-size:4pt;">');
  doc.write('</div>');
  doc.write('<div id="ppImgText" align="center">');
  doc.write(note);
  doc.write('</div></td></tr></table>');
  doc.write('</body>');
  doc.write('</html>');

  doc.write('<' + 'script>');
  doc.write('function showtb() {eToolbar.style.display=eToolbar.style.display==\'inline\'?\'none\':\'inline\'; return false;}');
  doc.write('var resized = false;');
  doc.write('function doResize() {');
  doc.write('  var imgW = ppImg.width, imgH = ppImg.height;');     
  doc.write('  window.resizeTo(imgW + 8 +' + border*2 +', imgH + ppImgText.offsetHeight + 26 + '+ border*2 +');');
  doc.write('  if(!imgW) setTimeout("doResize()",1000);');

  doc.write('}');
  doc.write('doResize(); ');
  doc.write('</' + 'script>');

} catch (e) {
	window.status = 'E';
}

}