<div align="center"> <!-- DIV-Container zum Zentrieren der Slideshow auf der Seite -->

 <div id="main_wrapper"> 
  <div id="slideshow"></div>
  <script type="text/javascript">

    window.RokSlideshowPath = '';
    window.addEvent('load', function(){

    var imgs = [];

    imgs.push({
         file: '../assets/images/eichhrnchen.jpg',
         title: 'zum NOF-Forum',
         desc: 'Eichhörnchen - verlinkt zum NOF-Forum',
         url: 'http://www.nof-schule.de/forum/'
    });

    imgs.push({
         file: '../assets/images/tulpe.jpg',
         title: 'zu meinem Gästebuch',
         desc: 'Tulpe - verlinkt zu meinem Gästebuch',
         url: 'http://www.tommyherrmanndesign.com/nof/html/nof-gast.php'
    });

    imgs.push({
         file: '../assets/images/peonie.jpg',
         title: 'zu meiner Themen-Seite',     
         desc: 'Peonie - verlink zu meiner Themen-Seite',
         url: 'http://www.tommyherrmanndesign.com/nof/html/themen-liste.php'
    });

    var myshow = new Slideshow('slideshow', {
     type: 'fade',
     showTitleCaption: 1,
     captionHeight: 60, <!-- Höhe der teiltransparenten Box für Beschreibung -->
     width: 600, <!-- Breite der angezeigten Bilder einstellen -->
     height: 450, <!-- Höhe der angezeigten Bilder einstellen -->
     pan: 50,
     zoom: 50,
     loadingDiv: 0,
     resize: false,
     duration: [2000, 10000], <!-- Einblenddauer und Dauer der angezeigten Bilder in Millisekunden -->
     transition: Fx.Transitions.linear,
     images: imgs,
     path: ''
    });
   
    myshow.caps.h2.setStyles({
     color: '', <!-- hier Farbe der Überschrift H2 von NOF ändern -->
     fontSize: '20px' <!-- hier Schriftgröße der Überschrift H2 von NOF ändern -->
    });

    myshow.caps.p.setStyles({
     color: '#FFFFFF', <!-- hier Farbe des p Tags von NOF ändern -->
     fontSize: '12px' <!-- hier Schriftgröße des p Tags von NOF ändern -->
    });

   });

  </script>
  </div>

</div>