function showInfo(id) {
    // Informationen werden bereits angezeigt
    if ($(id).style.display != 'none')
        return true;

    var duration = '0.5';

    // Andere ausblenden
    $$('body .info').each(function (div) {
        if (div.style.display != 'none')
            new Effect.Fade(div, {queue: 'front', duration: duration});
    });

    // Informationen einblenden
    new Effect.Appear(id, {queue: 'end', duration: duration});

    return false;
}

// Mouseover-Effekte
Event.observe(window, 'load', function () {
    $$('#auswahl img').each(function (img) {
        // Mouseover: _over an Dateinamen anfügen
        Event.observe(img, 'mouseover', function () {
            var path = this.src.split('/');
            var parts = path[path.length - 1].split('.');
            var filename = parts[0] + '_over' + '.' + parts[1];
            path[path.length - 1] = filename
            this.src = path.join('/');
        }.bindAsEventListener(img));

        // Mouseout: _over aus Dateinamen entfernen
        Event.observe(img, 'mouseout', function () {
            this.src = this.src.replace(/_over/, '');
        }.bindAsEventListener(img));
    });
});