var poc = 0;
var iwinTitle = "Foto";


function showImage(imgName, imWidth, imHeight, iTitle, popis)  
    { 
      if (poc!==0) { iwin.close(); }; 

      url = imgName;
      resStr = "resizable=0,scrollbars=0";

      // define window oversize
      winPlusWidth = 30;
      winPlusHeight = 60;
      // calculate window size
      winHeight = imHeight + winPlusHeight;
      winWidth = imWidth + winPlusWidth;
      // test if the window is not too large
			heightOK = true;
      if (winHeight > screen.availHeight)
        { winHeight = screen.availHeight-80;
      	  resStr=",resizable=1,scrollbars=1";
    			heightOK = false;
      	}
      if (heightOK==false)
        { winWidth = winWidth+22;
      	}								 
      if (winWidth>screen.width)
        { winWidth = screen.width-80;
      	  resStr=",resizable=1,scrollbars=1";
      	}								 

      // calculate centered window position
      winLeft = Math.round((screen.width-winWidth)/2);
      winTop  = Math.round((screen.availHeight-winHeight)/2);

      iwin = window.open("", "", "left="+winLeft+",top="+winTop+",height="+winHeight+",width="+winWidth+",directories=no,location=no,menubar=no,status=no,toolbar=no"+resStr);
      iwin.document.write("<html><head><title>", iTitle, "</title>");
      iwin.document.write("<link rel='stylesheet' type=\'text/css\' href='css/civ.css'>");
      iwin.document.write("</head>");
      iwin.document.write("<body style=\"margin: 10px 10px 30px 10px; background-color: #E3E3E3; text-align: center;\">");
      iwin.document.write("<img width=", imWidth," height=", imHeight," src=\"", url, "\" border=\"0\" style=\"border: 1px solid #757575; display: block; margin-bottom:2px;\">");
      
      if(popis !== "") iwin.document.write("<div class=\"popisfoto\">" + popis + "</div>");
      
      iwin.document.write("<div style=\"text-align:right;\"><a href=\"javascript:window.close();\" class=\"popisclose\">zavřít obrázek</a></div>");
      iwin.document.write("</body></html>");
      poc++;
      return true;
    }





