var serieArr = 0;
      var breiteArr = 0;
      var hoeheArr = 0;
      var textArr = '';

      var aktBild = 0;
      var controlOn = 0;


      var ieTest = ( (document.all) && (window.offscreenBuffering) ) ? true : false;


     function showpic(bild,serie)
     {
      var ypos = 0;
      opaAkt=0;

      if (serie != "")
      {
       //alert (bildtext[0]);
       serieArr = bilddatei;
       breiteArr = breite;
       hoeheArr = hoehe;
       textArr = bildtext;
      }

      aktBild = bild;

      // Box positionieren und einblenden

      if (serie != "")
      {
       if (ieTest)
       {
         if (document.body.scrollTop)
          {
           ypos =  document.body.scrollTop;
          }
         else
         {
          ypos = 0;
         }
          
       }
       else
       {
        ypos = window.pageYOffset;
       }

      document.getElementById('bildbox').style.visibility = 'visible';
      document.getElementById('bildbox').style.top = ypos;
      document.getElementById('controlbox').style.visibility = 'visible';
      document.getElementById('controlbox').style.top = ypos;


      fadeIn('bildbox',500);
      fadeIn('controlbox',500);
      }

      // Voriges und Folgendes Bild ermitteln
      var anzahlBilder = serieArr.length -1;

      var vorigesBild = 0;
      var naechstesBild = 0;

      if (bild>0) vorigesBild = serieArr[bild-1];
      if (bild<anzahlBilder) naechstesBild = serieArr[bild+1];


      // HTML-Code generieren

      var picStyle=' style="border-color: #ffffff; border-width: 1px; border-style: solid;" ';

      var dateiname = "fotoserien/"+serieArr[bild]+".jpg";
      var rand_oben = Math.floor((650-hoeheArr[bild])/2)+14 ;
      var rand_links = Math.floor ((650-breiteArr[bild])/2)+14 ;

      var htmlCodeBB = '<img src="'+dateiname+'" style="margin-left:'+rand_links+'px; margin-top:'+rand_oben+'px; border-color: #ffffff; border-width: 1px; border-style: solid;" >';

      var htmlCodeCB = '<div id="zurueck" style="position:absolute; top:510px; left:33px; width:135px; height:135px; opacity:0; filter:\'Alpha(opacity=0)\'; ">';
      if (vorigesBild != 0) htmlCodeCB += '<center><img src="fotoserien/tn'+vorigesBild+'.jpg" onClick="showpic('+(bild-1)+',\'\')" '+picStyle+' ></center>';
      htmlCodeCB += '</div>';

      htmlCodeCB += '<div id="weiter" style="position:absolute; top:510px; left:510px; width:135px; height:135px; opacity:0; filter:\'Alpha(opacity=0)\'; ">';
      if (naechstesBild != 0) htmlCodeCB += '<center><img src="fotoserien/tn'+naechstesBild+'.jpg" onClick="showpic('+(bild+1)+',\'\')" '+picStyle+' ></center>';
      htmlCodeCB += '</div>';

      var close_image;

      if (ieTest)
      {
       close_image = 'schliessen.gif';
      }
      else
      {
       close_image = 'schliessen.png';
      }

      htmlCodeCB += '<div id="close" style="position:absolute; top:40px; left:545px; width:100px; height:30px; opacity:0; filter:\'Alpha(opacity=0)\'; ">';
      htmlCodeCB += '<img src="bilder/galery/'+close_image+'" onClick="schliessen();"></div>';


      htmlCodeCB += '<div id="text" style="position:absolute; top:520px; left:185px; width:298px; height:72px; ';
      htmlCodeCB += 'background-image:url(bilder/galery/textbackgr.png); color:#ffffff; font-family:Arial; font-size:13px; padding:6px; opacity:0; filter:\'Alpha(opacity=0)\'; ';
      htmlCodeCB += ' ">'+textArr[bild]+'</div> ';

      document.getElementById('bildbox').innerHTML = htmlCodeBB;
      document.getElementById('controlbox').innerHTML = htmlCodeCB;

     }


   function schliessen()
   {
    fadeOut('bildbox',500);
    fadeOut('controlbox',500);
    window.setTimeout("document.getElementById('close').style.visibility = 'hidden';",550);
    window.setTimeout("document.getElementById('weiter').style.visibility = 'hidden';",550);
    window.setTimeout("document.getElementById('zurueck').style.visibility = 'hidden';",550);
    window.setTimeout("document.getElementById('text').style.visibility = 'hidden';",550);
    window.setTimeout("document.getElementById('controlbox').style.visibility = 'hidden';",550);
    window.setTimeout("document.getElementById('bildbox').style.visibility = 'hidden';",550);
   }

   function showControl()
   {
    controlOn=1;
   }

   function hideControl()
   {
    controlOn=0;
   }

   var fadeint=window.setInterval("setControl();",500);

   function setControl()
   {

      if (controlOn==1 && opaAkt==0)
      {
       fadeIn ('close',250);
       fadeIn ('weiter',250);
       fadeIn ('zurueck',250);
       if (textArr[aktBild] != "" ) fadeIn ('text',250);

      }

      if (controlOn==0 && opaAkt==1)
      {
       fadeOut ('close',250);
       fadeOut ('weiter',250);
       fadeOut ('zurueck',250);
       if (textArr[aktBild] != "" ) fadeOut ('text',250);
      }
   }


   //window.setInterval("alert (controlOn);",5000);

   var UsedID = new Array();
   var counter = 0;
   var opaAkt = 0;

    // fadeOut (id,speed)
    //
    // id (ID des Auszublendenden Objekts)
    // Speed (Dauer des Ausblendung in Millisekunden 1000 = 1 Sek)

    function fadeOut(id,speed)
    {
     document.getElementById(id).style.opacity = 1;

     var jscall = "fadeOut2('"+id+"',"+counter+", "+speed+" )";

     UsedID[counter] = window.setInterval(jscall,40);
     counter ++;
    }

    function fadeOut2(id,count,speed)
    {
     var transp = document.getElementById(id).style.opacity;
     transp = transp * 1;

     var abstand =  100/(( speed / 1000) *25) ;

     var transp = transp - (abstand /100);

     var ietransp = Math.floor(transp*100);
     var ietransptx = 'Alpha(opacity='+ietransp+')';
     //

     document.getElementById(id).style.opacity = transp;
     document.getElementById(id).style.filter = ietransptx;

     if (transp <= 0.06)
     {
      window.clearInterval(UsedID[count]);
      document.getElementById(id).style.opacity = 0;
      document.getElementById(id).style.filter = 'Alpha(opacity=0)';
      opaAkt = 0;
     }

    }


    // fadeIn (id,speed)
    //
    // id (ID des EINzublendenden Objekts)
    // Speed (Dauer der Einblendung in Millisekunden 1000 = 1 Sek)

    function fadeIn(id,speed)
    {
     document.getElementById(id).style.opacity = 0;
     document.getElementById(id).style.filter = 'Alpha(opacity=0)';
     document.getElementById(id).style.visibility = 'visible';

     var jscall = "fadeIn2('"+id+"',"+counter+", "+speed+" )";

     UsedID[counter] = window.setInterval(jscall,40);
     counter ++;
    }

    function fadeIn2(id,count,speed)
    {
     var transp = document.getElementById(id).style.opacity;
     transp = transp * 1;

     var abstand =  100/(( speed / 1000) *25) ;

     var transp = transp + (abstand /100);


     var ietransp = Math.floor(transp*100);
     var ietransptx = 'Alpha(opacity='+ietransp+')';
     //

     document.getElementById(id).style.opacity = transp;
     document.getElementById(id).style.filter = ietransptx;

     if (transp >= 0.93)
     {
      window.clearInterval(UsedID[count]);
      document.getElementById(id).style.opacity = 1;
      document.getElementById(id).style.filter = 'Alpha(opacity=100)';
      opaAkt = 1;
     }

    }