function imageLine()
    {
        var checkInterval = null,
            imageLineInterval = null,
            currentImage = -1;
        /*
            Variablen die man in
            verschiedenen Funktionen benötigt
        */
        images = new Array(
                'webbanner/banner-01.jpg',
                'webbanner/banner-02.jpg',
                'webbanner/banner-03.jpg',
                'webbanner/banner-04.jpg',
                'webbanner/banner-05.jpg',
                'webbanner/banner-06.jpg',
                'webbanner/banner-07.jpg',
                'webbanner/banner-08.jpg',
                'webbanner/banner-09.jpg',
                'webbanner/banner-10.jpg',
                'webbanner/banner-11.jpg',
                'webbanner/banner-12.jpg',
                'webbanner/banner-13.jpg',
                'webbanner/banner-14.jpg',
                'webbanner/banner-15.jpg',
                'webbanner/banner-16.jpg',
                'webbanner/banner-17.jpg',
                'webbanner/banner-18.jpg',
                'webbanner/banner-19.jpg',
                'webbanner/banner-20.jpg',
                'webbanner/banner-21.jpg',
                'webbanner/banner-22.jpg',
                'webbanner/banner-23.jpg',
                'webbanner/banner-24.jpg',
                'webbanner/banner-25.jpg'
            );
        // Alle Bilder die angezeigt werden sollen
        
        loadingImages = new Array();
        // Dieses Array enthält später alle Objekte
        
        this.run = function()
        {
            checkInterval = window.setInterval('this.checkIfLoaded();', 100);
            // Alle 100 Millisekunden prüfen ob alle Bilder geladen sind
            for(i = 0;i < images.length;i++)
            {
                image = images[i];
                loadingImages.push(new Image);
                loadingImages[i].src = image;
            }
            /*
                Alle Images in dem Array einzeln Durchgehen.
                Das Array für die Objekte mit den Objekten füllen.
                Dem neuen Objekt die Url des momentanen Bildes geben.
            */
        }
        
        this.checkIfLoaded = function()
        {
            allLoaded = true;
            for(i = 0;i < loadingImages.length;i++)
            {
                loadingImage = loadingImages[i];
                if(!loadingImage.complete)
                    allLoaded = false;
            }
            /*
                Alle Objekte durchgehen.
                Prüfen ob das aktuelle Objekt / Bild geladen ist.
                Falls nicht dann die Variable zur Prüfung auf false setzen
            */
            if(allLoaded)
            {
                // Wenn alle Objekte / Bilder geladen sind

                // Die Interval für das Prüfen löschen
                window.clearInterval(checkInterval);
                // Das erste Bild anzeigen
                /* da das erste Bild bereits im CSS geladen wird, hier geändert: erstes Laden erst nach 10 Sekunden! */
                /* this.startImageLine(); */
                currentImage = 0;
                window.setTimeout('this.hideImage();', 2500);
 
                // Die Funktion für das Bilder wechseln alle 10 Sekunden ausführen
                /* setInterval scheint bei Mozilla probleme zu machen, daher nur mit Timeout arbeiten */
                /* window.setInterval('this.startImageLine();', 3000); */
                window.setTimeout('this.startImageLine();', 3000);
                /* Ende der Änderung */
            }
        }
        
        this.startImageLine = function()
        {
            this.showImage();
            // Bild anzeigen
            if(currentImage == (loadingImages.length - 1))
                currentImage = 0;
            else
                currentImage += 1;
            /*
                Aktuelles Bild um eins hochzählen.
                Sollte das momentane Bild genau so groß sein,
                wie das Array dann wieder beim ersten anfangen.
            */
            
            element = document.getElementById('toptitle');
            // Element für die Bilderanzeige

            /* Resize des Elemenst ausgeschaltet
            element.style.height = loadingImages[currentImage].height + 'px';
            element.style.width = loadingImages[currentImage].width + 'px';
            */
            // Dem Element die Breite und Höhe des momentanen Bildes geben

            element.style.backgroundImage = 'url(' + loadingImages[currentImage].src + ')';
            // Dem Element das aktuelle Bild als Hintergrundbild setzen
            
            window.setTimeout('this.hideImage();', 2500);
            // Das Bild in 9,5 Sekunden ausblenden

            window.setTimeout('this.startImageLine();', 3000);
        }
        
        this.hideImage = function()
        {
            element = document.getElementById('toptitle');
            for(i = 0;i <= 100;i++)
                window.setTimeout('element.style.filter = "Alpha(opacity=' + (100 - i) + ')"; element.style.MozOpacity = ' + (1 - i / 100) + '; element.style.opacity = ' + (1 - i / 100) + ';', i * 5);
            // Von 0 bis 100 (Prozent)
            // Das i * 5 dient dazu, dass das Ausblenden nicht zu schnell geht
        }
        
        this.showImage = function()
        {
            element = document.getElementById('toptitle');
            for(i = 0;i <= 100;i++)
                window.setTimeout('element.style.filter = "Alpha(opacity=' + i + ')"; element.style.MozOpacity = ' + i / 100 + '; element.style.opacity = ' +  i / 100 + ';', i * 5);
            // Hier das selbe wie bei hideImage
        }
        
        this.run();
    }
    
    window.onload = function()
    {
        imageLine();
    }