function displaypic(iKategorie, iBildNr, szTitel, iLocation)
  {var iLastPic, iNextPic, iPrevPic, HTMLCode="", szBildNr="", szKategorie="", szHeadLine="", szLocation="";

   iNextPic=iBildNr+1;
   iPrevPic=iBildNr-1;

   switch (iKategorie)
   {
    case 1:
        szKategorie="para";
        szHeadLine=szTitel;
        iLastPic=39;
        break;
    case 2:
        szKategorie="kids";
        szHeadLine=szTitel;
        iLastPic=168;
        break;
    case 3:
        szKategorie="curr";
        szHeadLine=szTitel;
        iLastPic=102;
        break;
   }

   switch (iLocation)
   {
    case 1:
        szLocation="http://www.rolx.de";
        break;
    case 2:
        szLocation="http://home.arcor.de/rolx";
        break;
    case 3:
        szLocation="http://home.arcor.de/hangg";
        break;
    case 4:
        szLocation="http://mitglied.lycos.de/rolx";
        break;
    case 5:
        szLocation="http://freenet-homepage.de/rolx";
        break;
   }


   if (iPrevPic < 1)
   {
    iPrevPic=iLastPic;
   }

   if (iNextPic > iLastPic)
   {
    iNextPic=1;
   }

   if (iBildNr < 10)
   {
    szBildNr="00"+iBildNr;
   }
   else
   {
    if (iBildNr < 100)
      {
       szBildNr="0"+iBildNr;
      }
      else
      {
       szBildNr=iBildNr;
      }
   }

   HTMLCode="";

   HTMLCode=HTMLCode+"<!--       (c) by rolX       -->\r\n";
   HTMLCode=HTMLCode+"<html><head>\r\n";
   HTMLCode=HTMLCode+"<map name=\"PixNavi\">\r\n";
   HTMLCode=HTMLCode+" <area shape=rect coords=\"0,0,30,24\"	onClick=\"displaypic("+iKategorie+",1,'',"+iLocation+")\" target=\"_self\" title=\"Erstes\">\r\n";
   HTMLCode=HTMLCode+" <area shape=rect coords=\"31,0,64,24\"	onClick=\"displaypic("+iKategorie+","+iPrevPic+",'',"+iLocation+")\" target=\"_self\" title=\"Eins vorher\">\r\n";
   HTMLCode=HTMLCode+" <area shape=rect coords=\"65,0,99,24\"   onClick=\"displaypic("+iKategorie+","+iNextPic+",'',"+iLocation+")\" target=\"_self\" title=\"N&auml;chstes\">\r\n";
   HTMLCode=HTMLCode+" <area shape=rect coords=\"100,0,128,24\" onClick=\"displaypic("+iKategorie+","+iLastPic+",'',"+iLocation+")\" target=\"_self\" title=\"Letztes\">\r\n";
   HTMLCode=HTMLCode+"</map>\r\n";
   HTMLCode=HTMLCode+"<title>PiXPage of rolX (Roland Hangg) </title>\r\n";
   HTMLCode=HTMLCode+"</head>\r\n";
   HTMLCode=HTMLCode+"<link rel=stylesheet type=\"text/css\" href=\"http://www.rolx.de/format.css\">\r\n";
   HTMLCode=HTMLCode+"<script language=JavaScript1.1>\r\n";
   HTMLCode=HTMLCode+"<!-- Begin\r\n";
   HTMLCode=HTMLCode+"    function right(e) { var msg = \"Klicken Sie mit der linken Maustaste auf \\r\\ndas Bild um zum Index zurückzukehren.\";\r\n";
   HTMLCode=HTMLCode+"                    if (navigator.appName == 'Netscape' && e.which == 3)\r\n";
   HTMLCode=HTMLCode+"                        {alert(msg);  // Delete this line to disable but not alert user\r\n";
   HTMLCode=HTMLCode+"                         return false;\r\n";
   HTMLCode=HTMLCode+"                        }\r\n";
   HTMLCode=HTMLCode+"                    else\r\n";
   HTMLCode=HTMLCode+"                        if (navigator.appName == 'Microsoft Internet Explorer' && event.button==2)\r\n";
   HTMLCode=HTMLCode+"                            {alert(msg); // Delete this line to disable but not alert user\r\n";
   HTMLCode=HTMLCode+"                             return false;\r\n";
   HTMLCode=HTMLCode+"                            }\r\n";
   HTMLCode=HTMLCode+"                    return true;\r\n";
   HTMLCode=HTMLCode+"                   }\r\n";
   HTMLCode=HTMLCode+"                    document.onmousedown = right;\r\n";
   HTMLCode=HTMLCode+"// End -->\r\n";
   HTMLCode=HTMLCode+"</script>\r\n";
   HTMLCode=HTMLCode+"<script src=\"http://www.rolx.de/java/displaypic.js\"></script>\r\n";
   HTMLCode=HTMLCode+"<body\r\n";
   HTMLCode=HTMLCode+"      background=\"http://www.rolx.de/images/back.jpg\"\r\n";
   HTMLCode=HTMLCode+"      text=#000000\r\n";
   HTMLCode=HTMLCode+"      link=#0000ff\r\n";
   HTMLCode=HTMLCode+"      vlink=#600060\r\n";
   HTMLCode=HTMLCode+"      alink=#80c2ff\r\n";
   HTMLCode=HTMLCode+">\r\n";
   HTMLCode=HTMLCode+"<!-------------------------------------------------------------------------->\r\n";
   HTMLCode=HTMLCode+"<p align=center><font face=Arial size=3><a NAME=\"top\"><b>"+szHeadLine+"</b></a></font></p>\r\n";
   HTMLCode=HTMLCode+"<br>\r\n";
   HTMLCode=HTMLCode+"<table border=0 cellpadding=0 cellspacing=0 align=center>\r\n";
   HTMLCode=HTMLCode+"     <tr>\r\n";
   HTMLCode=HTMLCode+"         <td align=center>\r\n";
   HTMLCode=HTMLCode+"            <a href=\""+szKategorie+"pixp.htm\" target=\"rolXMain\"><img src=\"" + szLocation + "/images/"+szKategorie+"/"+szKategorie+"g"+szBildNr+".jpg\" halign=center border=0></a>\r\n";
   HTMLCode=HTMLCode+"            <br>\r\n";
   HTMLCode=HTMLCode+"         </td>\r\n";
   HTMLCode=HTMLCode+"     </tr>\r\n";
   HTMLCode=HTMLCode+"</table>\r\n";
   HTMLCode=HTMLCode+"<table border=0 cellpadding=0 cellspacing=10 align=center>\r\n";
   HTMLCode=HTMLCode+"     <tr>\r\n";
   HTMLCode=HTMLCode+"         <th align=center>\r\n";
   HTMLCode=HTMLCode+"           <img src=http://www.rolx.de/images/pixnavi.gif border=0 usemap=\"#PixNavi\">\r\n";
   HTMLCode=HTMLCode+"         </th>\r\n";
   HTMLCode=HTMLCode+"     </tr>\r\n";
   HTMLCode=HTMLCode+"</table>\r\n";
   HTMLCode=HTMLCode+"<table border=0 cellpadding=0 cellspacing=10 align=center>\r\n";
   HTMLCode=HTMLCode+"     <tr>\r\n";
   HTMLCode=HTMLCode+"         <th align=center>\r\n";
   HTMLCode=HTMLCode+"            <a href=\""+szKategorie+"pixp.htm\" target=\"rolXMain\"> <img src=\"http://www.rolx.de/images/zurueck.gif\" halign=center border=0> </a>\r\n";
   HTMLCode=HTMLCode+"         </th>\r\n";
   HTMLCode=HTMLCode+"     </tr>\r\n";
   HTMLCode=HTMLCode+"</table>\r\n";
   HTMLCode=HTMLCode+"</body></html>\r\n";
   document.close();
   document.write(HTMLCode);
}

