document.observe('dom:loaded', function () {

    // endlich
    var c = 'rywurst-in-mue';
    var a = 'endl';
    var d = 'nchen.de';
    var b = 'ich@cur';
    $$('span.endlich').invoke('update', '<a href="mai' + 'lto:' + a + b + c + d + '" title="Ja, ich will\'s wissen.">' + a + b + c + d + '</a>');

    // kontakt
    var c = 'rywurst-in-mue';
    var a = 'kon';
    var d = 'nchen.de';
    var b = 'takt@cur';
    $$('span.kontakt').invoke('update', '<a href="mai' + 'lto:' + a + b + c + d + '" title="Lerne uns kennen.">Kontakt</a>');

    // schreiben
    $('schreiben').writeAttribute('href', 'mai' + 'lto:' + a + b + c + d);

});


document.observe('lightview:loaded', function () {

    // set image gallery
    new ImageGallery('imbissionen', 'imbiss', {
        autostart: true,
        delay: 6,
        baseurl: '/img/',
        images: [
                { href: 'currywurst-01.jpg', title: 'In Begleitung ist sie doch am schönsten.' },
                { href: 'currywurst-02.jpg', title: 'Bei Unterkunft und Werkzeug<br />scheiden sich die Geister.' },
                { href: 'currywurst-03.jpg', title: 'Der Stoff aus dem die Träume sind...' },
                { href: 'currywurst-04.jpg', title: '...also bitte nicht damit geizen!' },
                { href: 'currywurst-05.jpg', title: 'In Grün gebettet &ndash; sicherlich Geschmacksache.' },
                { href: 'currywurst-06.jpg', title: 'No Frills!' },
                { href: 'currywurst-07.jpg', title: 'Rot oder Weiß?<br />Eine Frage der Herkunft.' },
                { href: 'currywurst-08.jpg', title: 'Worauf wartest Du?<br />Mach\' Dich auf die Socken!' }
            ]
    });
});


var ImageGallery = Class.create({

    initialize: function (selector, container, gallery, lightview) {

        this.galleryId = 'galleryContainer' + selector;
        this.gallerySet = selector.toLowerCase();
        this.firstImageId = 'galleryFirstImage' + selector;

        this.autostart = gallery.autostart || false;
        this.delay = gallery.delay || 0;
        this.baseurl = gallery.baseurl || '';
        this.images = gallery.images;
        this.lightview = lightview ? ' :: ' + lightview : '';

        // add gallery container
        $(container).insert(new Element('div', { 'id': this.galleryId }));

        // add gallery images
        this.images.each(function (elem, index) {
            var caption = elem.caption ? ' :: ' + elem.caption : '';
            caption = (caption.empty() && !this.lightview.empty()) ? ' :: ' : caption;

            var image = {
                'class': 'lightview',
                href: this.baseurl + elem.href,
                rel: 'gallery[' + this.gallerySet + ']',
                title: elem.title + caption + this.lightview
            };

            if (index == 0)
                Object.extend(image, { id: this.firstImageId });

            $(this.galleryId).insert(new Element('a', image));
        } .bind(this));

        // set click event handler			
        $$('img.' + selector, 'a.' + selector).each(function (elem) {
            elem.observe('click', function () {
                if (this.delay > 0)
                    Lightview.options.slideshowDelay = this.delay;
                Lightview.show(this.firstImageId);
            } .bind(this));
        } .bind(this));

        if (this.autostart) {
            $(this.firstImageId).observe('lightview:opened', function () {
                (function () { Lightview.startSlideshow() }).delay(Lightview.options.slideshowDelay);
            });
        }
    }
});