// $Id: kanima.js 4 2010-04-04 17:58:52Z itb $

/**
 * Mit dieser Variabel wird eingestellt
 * wie lange die einzelnen Grafik stehe bleiben soll
 * bevor eine neue Grafik eingeblendet wird.
 */
var standzeit = 10000;

/**
 * Mit dieser Variable kann man die Transparent Schritte
 * steuern. Der Wert gibt an um wie viel Prozent sich die
 * Transparenz des Bildes, bei jedem Durchlauf, ändern soll.
 */
var opaschritt = 2;

function blende(blendenschritt){
    var bild = document.getElementById("kanima").getElementsByTagName("img");
    
    blendenschritt = blendenschritt || 0;
    
    bild[bildnummer].style.opacity = blendenschritt / 100;
    bild[bildnummer].style.filter = "alpha(opacity=" + blendenschritt + ")"; // IE?
    blendenschritt = blendenschritt + opaschritt;
    
    if (blendenschritt <= 100) {
        window.setTimeout(function(){
            blende(blendenschritt);
        }, 1);
    }
    else {
        if (bildnummer == 1) {
            window.setTimeout(kanima, standzeit / 5);
        }
        else {
            window.setTimeout(kanima, standzeit);
        }
    }
}

function kanima(){
    var bild = document.getElementById("kanima").getElementsByTagName("img");
    
    if (typeof(bildnummer) != "number") {
        bildnummer = 0;
    }
    
    bildnummer++;
    
    if (bildnummer < bild.length) {
        blende();
    }
    
    if (bildnummer == bild.length) {
        bildnummer = 1;
        for (i = 1; i < bild.length; i++) {
            bild[i].style.opacity = 0;
            bild[i].style.filter = "alpha(opacity=0)"; // IE?
        }
        kanima();
    }
};