/******************************************************
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
*/
$.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) {
            $(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(1500);
            $next_image.fadeIn(1500);
        }
        
        /* Starten */
        window.setInterval(fade_image, 6000);
    });

}


/*
Hiermit wird der Bannerfacer für alle Container aktiviert, die mit
der CSS-Klasse "imagecontainer" gekennzeichnet wurden. 
*/
$(document).ready(function() {
    $("div.picturefader").picturefader();
});