var maxNumber; // Anzahl der Bilder fuer die Galerie
var anzNumber; // Anzahl der gleichzeitig angezeigten Bilder
var bilder; // Feld fuer Bilder
var zaehler; // Bilderzaehler;
var div_thumbnailsTextIndent = 0;
var div_thumbnailsSchrittweite = 200;

function initGalerie(verzeichnis, maxBilder, anzBilder, docBildNummer) {
    maxNumber = maxBilder;
    anzNumber = anzBilder;
    docNumber = docBildNummer;
    galeriePfad = verzeichnis;
    zaehler = -1; // zur Initialisierung
    
    // ueberpruefen, ob die Anzahl aller Bilder kleiner als die Galeriebreite ist:
    if (anzNumber > maxBilder) {
        anzNumber = maxBilder;
    }
    
    // BilderArray initialisieren:
    bilder = new Array(maxNumber);
    // und erst mal mit NULL-Werten fuellen:
    for (var i = 0; i < maxNumber; i++) {
        bilder[i] = null;
    }
    
    
    // die ersten Bilder holen: (probieren)
    nextImage();
}

// naechstes Bild holen:
function nextImage() {
    var galerieBildNummer = 0;
    
    zaehler++;
    if (zaehler > maxNumber - 1) {
        zaehler = 0;
    }
    for (var i = 0; i < anzNumber; i++) {
        galerieBildNummer = zaehler + i;
        if (galerieBildNummer > maxNumber - 1) {
            galerieBildNummer =  zaehler - maxNumber + i;
        }
        if (bilder[galerieBildNummer] == null) {
            bilder[galerieBildNummer] = new Image();
            bilder[galerieBildNummer].src = (galeriePfad + "/" + (galerieBildNummer + 1)) + ".jpg";
        }
        // document.images[docNumber + i].filters.blendTrans.Apply();
        document.images[docNumber + i].src = bilder[galerieBildNummer].src;
        // document.images[docNumber + i].filters.blendTrans.Play();
    }
}

// voriges Bild holen:
function prevImage() {
    var galerieBildNummer = 0;
    
    zaehler--;
    if (zaehler < 0) {
        zaehler = maxNumber - 1;
    }
    for (var i = 0; i < anzNumber; i++) {
        galerieBildNummer = zaehler + i;
        if (galerieBildNummer > maxNumber - 1) {
            galerieBildNummer =  zaehler - maxNumber + i;
        }
        if (bilder[galerieBildNummer] == null) {
            bilder[galerieBildNummer] = new Image();
            bilder[galerieBildNummer].src = (galeriePfad + "/" + (galerieBildNummer + 1)) + ".jpg";
        }
        // document.images[docNumber + i].filters.blendTrans.Apply();
        document.images[docNumber + i].src = bilder[galerieBildNummer].src;
        // document.images[docNumber + i].filters.blendTrans.Play();
    }
}

// Bild in gross zeigen:
function zeigeBild(dateiPfad) {
    if (navigator.appName == "Microsoft Internet Explorer") {
        document.images[1].filters.blendTrans.Apply();
    }
    document.images[1].src = dateiPfad;
    if (navigator.appName == "Microsoft Internet Explorer") {
        if (document.images[1].complete) {
            document.images[1].filters.blendTrans.Play();
        }
    }
}

function schiebeTN_links() {
    div_thumbnailsTextIndent -= div_thumbnailsSchrittweite;
    if (navigator.appName == "Microsoft Internet Explorer") {
        div_thumbnails.style.textIndent = div_thumbnailsTextIndent;
    } else {
        document.getElementById("div_thumbnails").style.textIndent = div_thumbnailsTextIndent + "px";
    }
}

function schiebeTN_rechts() {
    div_thumbnailsTextIndent += div_thumbnailsSchrittweite;
    if (navigator.appName == "Microsoft Internet Explorer") {
        div_thumbnails.style.textIndent = div_thumbnailsTextIndent;
    } else {
        document.getElementById("div_thumbnails").style.textIndent = div_thumbnailsTextIndent + "px";
    }
}

function btn_image(btn_id, btn_path) {
    document.getElementById(btn_id).src = btn_path;
}