<html>
 <head><title>Der Werderbus</title></head>
 <body bgcolor=#001500>
 <body text=#ffffff>
 <body link=#ffff00>
 <body vlink=#ffff00>
 <body alink=#ffff00>
 <body style="min-width: 41em;">
  <div style="text-align:center">
   <a href="http://www.werderbus.de/" title="Hier gehts zum Werderbus" target="_parent">Werder</a>-Frankfurt vom 11.05.2013
    
   &nbsp;&nbsp;&nbsp;&nbsp;Diaschau starten<input type="Checkbox" name="diaschau" onclick="diaschau()">
   Dauer:<input style="text-align:center;font-size:0.8em;" type="Text" name="zeit" value="8" size="1">
   <span id="sek">&nbsp;&nbsp;</span> 
  </div>

  <div style="float:left;width:190px;height:100%;overflow: auto">
  <script language="JavaScript">
  <!--
 
  var anz=25;// Hier die Anzahl der Bilder eintragen

  var aktiv;
  for (var i=1;i<=anz;i++) {
    if (i<10)
       a="0"+i;
    else
       a=""+i;
    document.write('<img src="kl/'+a+'.gif" valign="center" onClick="zeigeBild('+a+')" border="0"></a> ');
  }

   function zeigeBild(nr) {
     if (nr<10)
       nr="0"+nr;
      
     Bild.src=nr+".jpg";
   }

   function diaschau () {
     y=document.all.diaschau.checked;
     if (y==true) {
       wert=Bild.src
       z=wert.length-6
       z=parseInt(wert.substr(z,2))
       z++;	    
       zeigeBild(z);
       s=1;
       bild();
     } else
      window.clearTimeout(aktiv);
   }

   function bild() {
    if (z>=anz)
      z=0;
    x=document.all.zeit.value;
    if (s>x) {
      z++;
      s=1;
      zeigeBild(z);
     }
    aktiv=window.setTimeout("bild()", (1*1000));
    sek.innerText=s;
    s++;
   }

   //-->
   </script>
  </div>

  <div style="white-space:nowrap;">
   <img id="Bild" height="100%" src="01.jpg" border="0">
  </div>
 </body>
</html>