window.addEvent('load', function() {

var imgs = [];
  imgs.push({file: '00_slogan_g.jpg', title: '30 Jahre Deister - Alles im grünen Bereich', desc: ' Klicken Sie ins Bild um zur Startseite zu gelangen ', url: 'start.html'});
  imgs.push({file: '01_marienkaefer.jpg', title: 'Marienkäfer ', desc: ' Klicken Sie ins Bild um zur Startseite zu gelangen ', url: 'start.html'});
  imgs.push({file: '02_mauer_betoniert.jpg', title: 'Gemauerte Sandsteinmauer ', desc: ' Klicken Sie ins Bild um zur Startseite zu gelangen ', url: 'start.html'});
  imgs.push({file: '00_gala_logo_g.jpg', title: 'Ihr Experte für Garten und Landschaft', desc: ' Klicken Sie ins Bild um zur Startseite zu gelangen ', url: 'start.html'});
  imgs.push({file: '04_mauer_trockenmauer.jpg', title: 'Trockenmauer aus Sandstein', desc: ' Klicken Sie ins Bild um zur Startseite zu gelangen ', url: 'start.html'});
  imgs.push({file: '05_hummel.jpg', title: 'Hummel', desc: ' Klicken Sie ins Bild um zur Startseite zu gelangen ', url: 'start.html'});
  imgs.push({file: '06_eingang.jpg', title: 'Begrünte Eingangssituation', desc: ' Klicken Sie ins Bild um zur Startseite zu gelangen ', url: 'start.html'});
  imgs.push({file: '00_slogan_g.jpg', title: '30 Jahre Deister - Alles im grünen Bereich', desc: ' Klicken Sie ins Bild um zur Startseite zu gelangen ', url: 'start.html'});
  imgs.push({file: '99_leer.jpg', title: 'leeres Bild', desc: ' Klicken Sie ins Bild um zur Startseite zu gelangen ', url: 'start.html'});


var myshow = new Slideshow('slideshow', {
  // --------------------------------------------------------------- Allgemein
    path: 'cont/_willkommen/plus/',                               // Pfad zu den Bildern
    images: imgs,                                                 // Name des Bild-Arrays
    loadingDiv: 1,                                                // Ladestandsanzeige während des Ladens der Bilder AN (1) oder AUS (0)
    width: 640,                                                   // DIV-Breite in Pixel
    height: 360,                                                  // DIV-Höhe in Pixel
    resize: 1,                                                    // Bilder ggf. dynamisch an DIV anpassen AN (1) oder AUS (0)

    externals: 1,                                                 // Öffne Links auf neuer Seite AN (1) oder AUS (0)

  // --------------------------------------------------------------- Beschreibung
    captions: 0,                                                  // Funktion Beschreibung AN (1) oder AUS (0)
    showTitleCaption: 1,                                          // Anzeige des Titels 
    showTextCaption: 1,                                           // Anzeige der Beschreibung 
    captionHeight: 45,                                            // Höhe des Feldes für Beschriftung


  // --------------------------------------------------------------- Bilder Dauer und Effekte
    duration: [1500, 4000],                                       // Dauer Transition / Dauer BildAnzeige in ms
    type: 'combo',                                                // Transition Typ: fade - combo - zoom - pan - push - wipe   
                                                                  // fade   - einfacher Überblendeffekt
                                                                  // combo  - KenBurns
                                                                  // zoom   - Bilder einzoomen
                                                                  // pan    - Panorama-Schwenk-Effekt
                                                                  // push   - reinschieben und aktuelles Bild wegschieben
                                                                  // wipe   - reinschieben und aktuelles Bild überschreiben / wegwischen

    transition: Fx.Transitions.Sine.easeInOut,                    // MoTools-Effekte für push / wipe
    pan: 20,                                                      // ROK-Effekt für pan und combo (0-100)
    zoom: 20                                                      // ROK-Effekt für zoom und combo (0-100)

  });

  // --------------------------------------------------------------- Schrift und Hintergrund der Beschreibung per CSS
  myshow.caps.div.setStyles({background: '#003'});                // Hintergrund des DIV-Containers
  myshow.caps.h2.setStyles({color: '#fff', fontSize: '20px'});    // Größe und Farbe des Titels
  myshow.caps.p.setStyles ({color: '#fff', fontSize: '15px'});    // Größe und Farbe des Titels
});

