/******************************************************
Picturefader (by http://halvar.at/)

Wird dieses Skript in die HTML-Seite eingebunden, dann
werden alle DIV-Container, die mit der CSS-Klasse
"picturefader" gekennzeichnet wurden, zum Picturefader
umfunktioniert.

Abhängig von "jQuery" http://jquery.org
******************************************************/


/*
Picturefader jQuery-Plugin-Funktion
*/
jQuery.fn.picturefader = function() {

    return this.each(function() {

        var $container = jQuery(this);
        var $images = $container.find("img");
        var $first_image = $images.filter(":first");

        /* Alle Bilder bis auf das erste Bild ausblenden */
        $images.filter(":not(:first)").hide();

        /* Die Hoehe und Breite des Containers an das erste Bild anpassen */
        $container.height($first_image.height());
        $container.width($first_image.width());

        /* Die Bilder übereinander legen */
        $images.css("position", "absolute");

        /* In den Bildern hinterlegen, welches Bild als nächstes dran ist */
        $images.filter(":not(:last)").each(function(index) {
            jQuery(this).data("next", index + 1);
        });
        $images.filter(":last").data("next", 0);

        /*
        Diese Funktion wird zum Faden aufgerufen
        */
        function fade_image() {

            var $current_image;
            var next_id;
            var $next_image;

            /* Aktuelles und nächstes Bild */
            $current_image = $images.filter(":visible");
            next_id = $current_image.data("next");
            $next_image = $images.filter(":eq(" + next_id + ")");

            /* Faden */
            $current_image.fadeOut(2000);
            $next_image.fadeIn(2000);
        }

        /* Starten */
        window.setInterval(fade_image, 8000);
    });

}


/*
Hiermit wird der Bannerfacer für alle Container aktiviert, die mit
der CSS-Klasse "imagecontainer" gekennzeichnet wurden.
*/
jQuery(document).ready(function() {
    /* Typo3-Anpassung */


    /* Picturefader starten */
    jQuery("div.picturefader").picturefader();
});