/* -----------------------------------------------------------------
   -- Script-Magic (C) phpTrix SoftLabs / Dipl.Inf.(FH) S. Einsle --
   -- Alle Urheber- und Leistungsschutzrechte vorbehalten.        --
   -- Lizenzanfragen richten Sie an diashow@phptrix.de            --
   ----------------------------------------------------------------- */

  document.write(
     "<center><table align=\"center\" width=\"552\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\n"+
     "<tr><td width=\"35\" onclick=\"incdia(-3)\" id=\"diadec\"></td>\n"+
         "<td height=\"400\" style=\"text-align:left; vertical-align:top;\">\n"+
         "<img src=\"/pics/dias/spacer.gif\" id=\"bigfoto1\" width=\"480\" height=\"400\" style=\"position:absolute; display:none\">\n"+
         "<img src=\"/pics/dias/spacer.gif\" id=\"bigfoto2\" width=\"480\" height=\"400\" style=\"position:absolute; display:none\"><br/>\n"+
         "</td>\n"+
         "<td width=\"35\" onclick=\"incdia(+3)\" id=\"diainc\"></td></tr>\n"+
     "<tr><td></td><td><div style=\"float:left\" id=\"ltext\">&nbsp;</div>\n"+
     "<div style=\"float:right\" id=\"rtext\">&nbsp;</div></td><td></td></tr></table>\n"+
     "<br/>&nbsp;<br/>\n"+
     "<div id=\"thmblist\" style=\"width:600px; height:140px; vertical-align:top; overflow:auto; white-space:nowrap;\">\n"
  );

  for(var i=0; i<blist.length; i+=3) {
      document.write("<img id=\"thm"+i+"\" class=\"diathm\" src=\"/pics/dias/thumbs/"+blist[i]+"\" "+
                     "onclick=\"showdia("+i+")\" alt=\""+blist[i+1]+"\" title=\""+blist[i+1]+"\">\n");
  }

  document.write("</div></center>\n");
  document.write("<div id=\"stat\"></div>\n");

  var road = 0;
  var dest = 0;
  var dirc = 0;
  var tick = 0;
  function scrollit(n){
    if (n>=0) {
        if ( tick ) tick = clearTimeout(tick);
        dest = $('thm'+n).offsetLeft - $('thmblist').offsetLeft;
        if (!document.all) dest -= 240;
        else dest -= 70;
        dest = Math.max(0, dest);
        road = Math.abs(dest - $('thmblist').scrollLeft);
        dirc = ( dest<$('thmblist').scrollLeft ? -1 : 1 );
    }
    var curr = $('thmblist').scrollLeft;
    var dist = Math.abs(dest - curr);
    var step = Math.ceil(road/50 * Math.sin(Math.PI * Math.abs(dist/road)));
    var prev = $('thmblist').scrollLeft;
    
    $('thmblist').scrollLeft += ( step * dirc );

    if ( dist>0 && $('thmblist').scrollLeft!=prev )
         tick = setTimeout('scrollit(-1)', 20);
    else tick = clearTimeout(tick);
  }



  var num = 0;  
  var cur = 1;  // nächstes bild
  var oth = 2;
  var vin, vout;
  function showdia(n) {
      num = n;
      for( var i=0; i<blist.length; i+=3) {
          $('thm'+i).className = ( i==num ? 'diacur' : 'diathm' );
      }

      scrollit(num);

      if ( vin ) vin.cancel();
      if ( vout ) vout.cancel();

      var p1 = document.createElement('img');
      p1.src = encodeURI("/pics/dias/medium/"+blist[n]);

      $('bigfoto'+cur).style.display = 'none';
      $('bigfoto'+cur).style.background = "url("+encodeURI("/pics/dias/medium/"+blist[n])+") no-repeat center";
      $('bigfoto'+cur).style.zIndex = 300;
      $('bigfoto'+oth).style.zIndex = 290;


      vin = new Effect.Appear('bigfoto'+cur,{duration:1.0,
          afterFinish: function() {

              $('ltext').innerHTML=blist[n+1];
              $('rtext').innerHTML=''; // <a href="'+encodeURI("/pics/dias/"+blist[n])+'" target="_new">Orginalbild anzeigen</a>';

              if (n<(blist.length-3)){
                  var p2 = document.createElement('img');
                  p2.src = encodeURI("/pics/dias/medium/"+blist[n+3]);
              }
              if (n>=3){
                  var p3 = document.createElement('img');
                  p3.src = encodeURI("/pics/dias/medium/"+blist[n-3]);
              }
              cur = ( cur==1 ? 2 : 1 );
              oth = ( cur==1 ? 2 : 1 );
          }
      });

      vout = new Effect.Fade('bigfoto'+oth,{duration:1.2});


  }

  function incdia(n) {  showdia( ( num + n + blist.length ) % blist.length );   }

  showdia(0);