with (document)
{
  write ('<script type="text/javascript" src="/Gemeinsam/Slideshow2/js/mootools-1.2.1-core.js"></script>');
  write ('<script type="text/javascript" src="/Gemeinsam/Slideshow2/js/mootools-1.2-more.js"></script>');
  write ('<script type="text/javascript" src="/Gemeinsam/Slideshow2/js/slideshow.js"></script>');
  write ('<script type="text/javascript" src="/Gemeinsam/Slideshow2/js/slideshow.kenburns.js"></script>');
  write ('<link rel="stylesheet" href="/Gemeinsam/Slideshow2/css/slideshow.css" type="text/css" media="screen">'); 
}

var startdelay   = 3000; // in msec
var verzoegerung = 5000; // in msec
var svsWindow    = null;
var serien       = 0;
var nummer       = new Array(8); nummer[0]   = 0;  nummer[1]   = 0;  nummer[2]   = 0;  nummer[3]   = 0;  nummer[4]   = 0;  nummer[5]   = 0;  nummer[6]   = 0;  nummer[7]   = 0; 
var basepfad     = new Array(8); basepfad[0] = ""; basepfad[1] = ""; basepfad[2] = ""; basepfad[3] = ""; basepfad[4] = ""; basepfad[5] = ""; basepfad[6] = ""; basepfad[7] = "";
var basename     = new Array(8); basename[0] = ""; basename[1] = ""; basename[2] = ""; basename[3] = ""; basename[4] = ""; basename[5] = ""; basename[6] = ""; basename[7] = "";
var personen     = new Array(8); personen[0] = ""; personen[1] = ""; personen[2] = ""; personen[3] = ""; personen[4] = ""; personen[5] = ""; personen[6] = ""; personen[7] = "";
var bilderdef    = "";
var bilderplatz  = "";
var picsinrow    = 0;
var namen        = new Array(8); namen[0]     = new Array(100); namen[1]     = new Array(100); namen[2]     = new Array(100); namen[3]     = new Array(100);  namen[4]     = new Array(100); namen[5]     = new Array(100); namen[6]     = new Array(100); namen[7]     = new Array(100);
var ltexte       = new Array(8); ltexte[0]    = new Array(100); ltexte[1]    = new Array(100); ltexte[2]    = new Array(100); ltexte[3]    = new Array(100);  ltexte[4]    = new Array(100); ltexte[5]    = new Array(100); ltexte[6]    = new Array(100); ltexte[7]    = new Array(100);
var stexte       = new Array(8); stexte[0]    = new Array(100); stexte[1]    = new Array(100); stexte[2]    = new Array(100); stexte[3]    = new Array(100);  stexte[4]    = new Array(100); stexte[5]    = new Array(100); stexte[6]    = new Array(100); stexte[7]    = new Array(100);
var breiten      = new Array(8); breiten[0]   = new Array(100); breiten[1]   = new Array(100); breiten[2]   = new Array(100); breiten[3]   = new Array(100);  breiten[4]   = new Array(100); breiten[5]   = new Array(100); breiten[6]   = new Array(100); breiten[7]   = new Array(100);
var hoehen       = new Array(8); hoehen[0]    = new Array(100); hoehen[1]    = new Array(100); hoehen[2]    = new Array(100); hoehen[3]    = new Array(100);  hoehen[4]    = new Array(100); hoehen[5]    = new Array(100); hoehen[6]    = new Array(100); hoehen[7]    = new Array(100);
var newrows      = new Array(8); newrows[0]   = new Array(100); newrows[1]   = new Array(100); newrows[2]   = new Array(100); newrows[3]   = new Array(100);  newrows[4]   = new Array(100); newrows[5]   = new Array(100); newrows[6]   = new Array(100); newrows[7]   = new Array(100);
var scrollits    = new Array(8); scrollits[0] = new Array(100); scrollits[1] = new Array(100); scrollits[2] = new Array(100); scrollits[3] = new Array(100);  scrollits[4] = new Array(100); scrollits[5] = new Array(100); scrollits[6] = new Array(100); scrollits[7] = new Array(100);
var nextNum      = 0;
var lastDir      = 0;
var autoRun      = false;
var stopIt       = false;
var showNow      = false;
var controlID    = new Array(8); controlID[0]   = null;  controlID[1]   = null;  controlID[2]   = null;  controlID[3]   = null;   controlID[4]   = null;  controlID[5]   = null;  controlID[6]   = null;  controlID[7]   = null; 
var controlRuns  = new Array(8); controlRuns[0] = false; controlRuns[1] = false; controlRuns[2] = false; controlRuns[3] = false;  controlRuns[4] = false; controlRuns[5] = false; controlRuns[6] = false; controlRuns[7] = false;
var laufenID     = null;
var laufenRuns   = false;

function beginbilder(serie, pfad, name, person)
{
  serien = serie;
  nummer[serien-1]   = 0;
  basepfad[serien-1] = pfad;
  basename[serien-1] = name;
  personen[serien-1] = person;
  bilderplatz = "";
}

function defbild(name, ltext, stext, breite, hoehe, newrow, scrollit)
{
  namen[serien-1][nummer[serien-1]]     = name;
  ltexte[serien-1][nummer[serien-1]]    = ltext;
  stexte[serien-1][nummer[serien-1]]    = stext;
  breiten[serien-1][nummer[serien-1]]   = breite;
  hoehen[serien-1][nummer[serien-1]]    = hoehe;
  newrows[serien-1][nummer[serien-1]]   = newrow;
  scrollits[serien-1][nummer[serien-1]] = scrollit;
  nummer[serien-1] = nummer[serien-1] + 1;
}

function showbilder()
{
  for (zaehler=1; zaehler<=serien; ++zaehler)
  {
    images = "";
    picsinrow = 0;
    bildernames = "";
    tnbildernames = "";
    maxwidth  = 0;
    maxheight = 0;
    for (i=0; i<nummer[zaehler-1]; ++i) 
    {
      bildernames =   bildernames          + basename[zaehler-1] + namen[zaehler-1][i] + ".jpg+";
      tnbildernames = tnbildernames + 'tn' + basename[zaehler-1] + namen[zaehler-1][i] + ".jpg+";
      images = images + '"' + basepfad[zaehler-1]+basename[zaehler-1]+namen[zaehler-1][i] + '.jpg": { caption: "&nbsp;&nbsp;&nbsp;' + ltexte[zaehler-1][i] + '&nbsp;&nbsp;&nbsp;", tncaption: "&nbsp;&nbsp;&nbsp;' + stexte[zaehler-1][i] + '&nbsp;&nbsp;&nbsp;", thumbnail: "' + basepfad[zaehler-1] + 'tn' + basename[zaehler-1]+namen[zaehler-1][i] + '.jpg"}';
      if (i<nummer[zaehler-1]-1) images = images + ",";
      if (maxwidth  < breiten[zaehler-1][i]) maxwidth  = breiten[zaehler-1][i];
      if (maxheight < hoehen[zaehler-1][i])  maxheight = hoehen[zaehler-1][i];
    }

    bilderdef = '<div id="show' + zaehler + '" class="slideshow" style="width:'+maxwidth+'; height:'+maxheight+'"><img width="'+maxwidth+'" height="'+maxheight+'"></div>';

    bildernameslength = bildernames.length;
    bildernames = bildernames.substr(0, bildernameslength-1);
    tnbildernameslength = tnbildernames.length;
    tnbildernames = tnbildernames.substr(0, tnbildernameslength-1);
    bilderdef = bilderdef + "<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<p align='right'><a href=\"javascript:showbildershow('"+tnbildernames+"', 20);\">Fotos:</a> <a href=\"javascript:showbildershow('"+bildernames+"', 4);\">"+personen[zaehler-1]+"</a><br></p>";

    if (document.all)
    { // IE5
      // alert("We have an IE5 here");
      switch(zaehler)
      {
        case 1:
          div = document.all.DIVBilder1;
          break;
        case 2:
          div = document.all.DIVBilder2;
          break;
        case 3:
          div = document.all.DIVBilder3;
          break;
        case 4:
          div = document.all.DIVBilder4;
          break;
      } 
      div.innerHTML = bilderdef;
    } // IE5
    else
    {
      if (navigator.userAgent.indexOf("Gecko") > -1)
      { // NS6
        // alert("We have an NS6 here");
        div = document.getElementById("DIVBilder"+zaehler);
        div.innerHTML = bilderdef;
      } // NS6
    }
  
    if (controlRuns[zaehler-1]) clearInterval(controlID[zaehler-1]);
    controlID[zaehler-1] = setInterval("bildercontrol("+zaehler+");", 100);
    controlRuns[zaehler-1] = true;

    showdef = '';
    showdef = showdef + 'window.addEvent(';
      showdef = showdef + '"domready", function(){';
        showdef = showdef + 'var data = {' + images + '};';
        showdef = showdef + 'var myShow'+zaehler+' = new Slideshow.KenBurns("show'+zaehler+'", data, {center: true, captions: true, tncaptions: true, controller: true, delay: 2000, duration: 2000, hu: "", thumbnails: true, pan: 100, zoom: 100, resize: "length", overlap: false, width: '+maxwidth+', height: '+maxheight+'});';
//        if (nummer[zaehler-1] == 1)
//        {
//          showdef = showdef + 'myShow'+zaehler+'.first();';
//          showdef = showdef + 'myShow'+zaehler+'.pause(1);';
//        }
      showdef = showdef + '}';
    showdef = showdef + ');';
    eval(showdef);
  }
}

function showbild(bildnummer)
{
//  alert("showbild: bildnummer:"+bildnummer);
  var fensterbreite = breiten[serien-1][bildnummer] + 23;
  var fensterhoehe  = hoehen[serien-1][bildnummer]  + 82;
//  alert("Windowsize: "+fensterbreite+" "+fensterhoehe);
  var withscroll    = scrollits[serien-1][bildnummer];
  var scrollyesno = "";
  if (withscroll == "1")
  {
    scrollyesno = "yes"
  }
  else
  {
    scrollyesno = "no"
  }

  if (svsWindow == null || svsWindow.closed)
  {
    svsWindow = window.open("about:blank","_blank","width="+fensterbreite+",height="+fensterhoehe+",toolbar=no,location=no,status=no,scrollbars="+scrollyesno+",resizable="+scrollyesno+",copyhistory=no,dependent=yes");
  }
  else
  {
    svsWindow.focus();
  }
  if (svsWindow == null)
  {
    alert("Sie haben ihrem Browser das Aufmachen von überlagerten Fenstern (popups) nicht erlaubt. Deshalb können Sie die Bilder nicht vergrößert anschauen!");
    return;
  }
  svsWindow.document.open('text/html');
  svsWindow.document.writeln('  <head>');
  svsWindow.document.writeln('    <title>'+ltexte[serien-1][bildnummer]+'</title>');
  svsWindow.document.writeln('    <link type="text/css" rel="stylesheet" href="/Gemeinsam/Gemeinsam.css">');
  svsWindow.document.writeln('  </head>');
  svsWindow.document.writeln('  <body>');
  svsWindow.document.writeln('    <a href="javascript:window.opener.setNext('+serien+', '+bildnummer+', 0, false, true );">');
  svsWindow.document.writeln('      <img src="'+basepfad[serien-1]+basename[serien-1]+namen[serien-1][bildnummer]+'.jpg" width="'+breiten[serien-1][bildnummer]+'" height="'+hoehen[serien-1][bildnummer]+'" alt="Bitte Steuerung rechts unten verwenden!" title="Bitte Steuerung rechts unten verwenden!" border="0">');
  svsWindow.document.writeln('    </a>');
  svsWindow.document.writeln('    <table width="100%" border="0">');
  svsWindow.document.writeln('      <tr>');
  svsWindow.document.writeln('        <td align="left">');
  svsWindow.document.writeln('          <p class="Ueberschrift3">' + ltexte[serien-1][bildnummer] + '</p>');
  svsWindow.document.writeln('        </td>');
  svsWindow.document.writeln('        <td align="right" width="100px">');
  svsWindow.document.writeln('          <img src="/Gemeinsam/MSteuerung.gif" width="105" height="50" alt="Bildsteuerung" usemap="#Steuerung" border="0">'); 
  svsWindow.document.writeln('          <map name="Steuerung">');
  svsWindow.document.writeln('              <area shape="rect" coords="00,02,024,18" title="Automatische Bildershow (r&uuml;ckw&auml;rts)" href="javascript:window.opener.setNext('+serien+', -1, -1, true,  false);">');
  svsWindow.document.writeln('              <area shape="rect" coords="26,02,043,18" title="Ein Bild zur&uuml;ck"                          href="javascript:window.opener.setNext('+serien+', -1, -1, false, false);">');
  svsWindow.document.writeln('              <area shape="rect" coords="45,02,060,18" title="Automatische Bildershow anhalten"              href="javascript:window.opener.setNext('+serien+', -1, 0,  false, false);">');
  svsWindow.document.writeln('              <area shape="rect" coords="62,02,079,18" title="Ein Bild weiter"                               href="javascript:window.opener.setNext('+serien+', -1, +1, false, false);">');
  svsWindow.document.writeln('              <area shape="rect" coords="81,02,105,18" title="Automatische Bildershow (vorw&auml;rts)"       href="javascript:window.opener.setNext('+serien+', -1, +1, true , false);">');
  svsWindow.document.writeln('              <area shape="rect" coords="00,23,016,48" title="Geschwindigkeit (sehr langsam)"                href="javascript:window.opener.setSpeed(15);">');
  svsWindow.document.writeln('              <area shape="rect" coords="17,23,033,48" title="Geschwindigkeit (langsam)"                     href="javascript:window.opener.setSpeed(10);">');
  svsWindow.document.writeln('              <area shape="rect" coords="34,23,049,48" title="Geschwindigkeit (mittel)"                      href="javascript:window.opener.setSpeed(6); ">');
  svsWindow.document.writeln('              <area shape="rect" coords="50,23,065,48" title="Geschwindigkeit (schnell)"                     href="javascript:window.opener.setSpeed(4); ">');
  svsWindow.document.writeln('              <area shape="rect" coords="66,23,081,48" title="Geschwindigkeit (sehr schnell)"                href="javascript:window.opener.setSpeed(2); ">');
  svsWindow.document.writeln('              <area shape="rect" coords="86,23,105,48" title="Bilderfenster schlie&szlig;en"                 href="javascript:window.opener.setNext('+serien+', -1, +1, false, true );">');
  svsWindow.document.writeln('            </map>');
  svsWindow.document.writeln('        </td>');
  svsWindow.document.writeln('      </tr>');
  svsWindow.document.writeln('    </table>');
  svsWindow.document.writeln('  </body>');
  svsWindow.document.writeln('');
  svsWindow.document.close()
  svsWindow.focus();
  svsWindow.resizeTo(fensterbreite, fensterhoehe+35);
}

function showbildershow(bildernames, wieviele)
{
//  alert("showbildershow: opening bildernames:"+bildernames+" wieviele:"+wieviele+".");
  var fensterbreite = 1280;
  var fensterhoehe  = 1024;
  if (svsWindow == null || svsWindow.closed)
  {
    svsWindow = window.open("about:blank","_blank","width="+fensterbreite+",height="+fensterhoehe+",toolbar=no,location=no,status=no,scrollbars=no,resizable=no,dependent=yes");
  }
  else
  {
    svsWindow.focus();
  }
  if (svsWindow == null)
  {
    alert("Sie haben ihrem Browser das Aufmachen von überlagerten Fenstern (popups) nicht erlaubt. Deshalb können Sie die Bilder nicht vergrößert anschauen!");
    return;
  }
  svsWindow.document.open('text/html');
  svsWindow.document.writeln('  <head>');
  svsWindow.document.writeln('    <title>Bilder von '+personen[serien-1]+'</title>');
  svsWindow.document.writeln('    <link type="text/css" rel="stylesheet" href="/Gemeinsam/Gemeinsam.css">');
  svsWindow.document.writeln('  </head>');
  svsWindow.document.writeln('  <body>');
  svsWindow.document.writeln('    <applet name="BilderShow" code="svsBilderShow.class" codebase="/Util/svsBildershow/" width="'+(fensterbreite-8)+'" height="'+(fensterhoehe-8)+'">');
  svsWindow.document.writeln('      <param name="img" value="'+bildernames+'\">');
  svsWindow.document.writeln('      <param name="max" value="'+wieviele+'">');
  svsWindow.document.writeln('      <param name="bgcolor" value="000099">');
  svsWindow.document.writeln('      <param name="text" value="Hello">');
  svsWindow.document.writeln('    </applet>');
  svsWindow.document.writeln('  </body>');
  svsWindow.document.writeln('');
  svsWindow.document.close()
  svsWindow.focus();
  svsWindow.resizeTo(fensterbreite+8, fensterhoehe+52);
}

function setSpeed(speed)
{
  verzoegerung = speed * 1000 // in msec
  if (laufenRuns) clearInterval(laufenID);
  laufenID = setInterval("laufencontrol();", verzoegerung);
}

function setNext(serie, startPic, nextRichtung, autoLaufen, stopEs)
{
  serien = serie
  if (startPic == -1)
  {
    nextNum = nextNum + nextRichtung;
    if (nextNum == nummer[serien-1]) nextNum = 0;
    if (nextNum == -1)               nextNum = nummer[serien-1]-1;
  }
  else
  {
    nextNum = startPic;
  }
  lastDir = nextRichtung;
  if (autoLaufen)
  {
    if (autoLaufen != autoRun)
    {
      if (laufenRuns) clearInterval(laufenID);
      laufenID = setInterval("laufencontrol();", verzoegerung);
      laufenRuns = true;
      autoRun = autoLaufen;
    }  
  }
  else
  {
    if (autoLaufen != autoRun)
    {
      if (laufenRuns) clearInterval(laufenID);
      laufenRuns = false;
      autoRun = autoLaufen;
    }
  }
  stopIt  = stopEs;
  showNow = true;
//  alert("scharf gemacht mit: "+serie+" "+startPic+" "+nextRichtung+" "+autoLaufen+" "+stopEs+" nextNum is now: "+nextNum);
}

function bildercontrol()
{
//  alert("bildercontrol: We got called");
  if (!stopIt)
  {
    if (showNow)
    {
      showNow = false;
      showbild(nextNum);
    }
  }
  else
  {
    svsWindow.close();
  }
}

function laufencontrol()
{
//  svsWindow.close();
  setNext(serien, -1, lastDir, true, false);
}