var Photos = new Array();

function addPhoto (thumbnail, bild, alt, beschreibung)
{
        Photos[Photos.length] = new Object();

        Photos[Photos.length - 1]["datei"] = thumbnail;

        Photos[Photos.length - 1]["datei_gross"] = bild;

        Photos[Photos.length - 1]["alt"] = alt;

        Photos[Photos.length - 1]["beschreibung"] = beschreibung;

}

function zaehle_thumbnails ()
{
        var tn = 0;

        for (i = 0; i < document.images.length; i++)
                if ((document.images[i].id).match (/^thumbnail[0-9]+$/))
                        tn++;
        return tn;
}

function erzeuge_thumbnails ()
{

        for (i = 0; i < anzahl_thumbnails; i++)
        {

                eintrag = document.createElement ("li");

                link = document.createElement ("a");

                link.href = "javascript:grosses_bild_anzeigen (" + (i + 1) + ")";

                bild = document.createElement ("img");
                bild.border = "3";
                bild.id = "thumbnail" + (i + 1);


                link.appendChild (bild);
                eintrag.appendChild (link);


                document.getElementById ("thumbs").appendChild (eintrag);
        }
}


function ausrichten ()
{
        for (i = 0; i < anzahl_thumbnails; i++)
        {

                document.getElementById ('thumbnail' + (i + 1)).vspace = 2;

                document.getElementById ('thumbnail' + (i + 1)).hspace = 0;
        }

        document.getElementById ('zurueck').vspace = (thumb_groesse - document.getElementById ('zurueck').height) / 2;
        document.getElementById ('pgup').vspace = (thumb_groesse - document.getElementById ('pgup').height) / 2;
        document.getElementById ('weiter').vspace = (thumb_groesse - document.getElementById ('weiter').height) / 2;
        document.getElementById ('pgdown').vspace = (thumb_groesse - document.getElementById ('pgdown').height) / 2;
}

function thumbnails_auffrischen ()
{
                for (i = 0; i < anzahl_thumbnails; i++)
        {

                document.getElementById ('thumbnail' + (i + 1)).src = Photos[index_erstes_bild + i]["datei"];
        }


        if (!document.getElementById ('thumb_beschriftung').firstChild)
                document.getElementById ('thumb_beschriftung').appendChild (document.createTextNode (""));

        tnstr = thumbnail_string.replace (/%index_erster%/i, (index_erstes_bild + 1));
        tnstr = tnstr.replace (/%index_letzter%/i, (index_erstes_bild + anzahl_thumbnails));
        tnstr = tnstr.replace (/%anzahl_bilder%/i, anzahl_bilder);

}

function grosses_bild_anzeigen (i)
{

        index_grosses_bild = index_erstes_bild + i - 1;

        grosses_bild_auffrischen ();
}

function grosses_bild_auffrischen ()
{
        // URL des Bildes setzen
        document.getElementById ('gross').src = Photos[index_grosses_bild]["datei_gross"];
        // Alt-Text des Bildes setzen
        document.getElementById ('gross').alt = Photos[index_grosses_bild]["alt"];
        // Title-Text des Bildes setzen
        document.getElementById ('gross').title = Photos[index_grosses_bild]["alt"];

        // Falls das P-Tag mit der ID 'beschriftung' keine Kind-Elemente hat muss eines erzeugt werden,
        // damit die Beschriftungsdaten darin gespeichert werden koennen
        if (!document.getElementById ('beschriftung').firstChild)
                document.getElementById ('beschriftung').appendChild (document.createTextNode (""));
        // Variablen in Beschriftungsstring ersetzen
        tstr = bild_beschriftung.replace (/%index_gross%/i, (index_grosses_bild + 1));
        tstr = tstr.replace (/%anzahl_bilder%/i, anzahl_bilder);
        tstr = tstr.replace (/%beschreibung%/i, Photos[index_grosses_bild]["beschreibung"]);
        // Beschriftung des Bildes im zugehoerigen P-Tag setzen
        document.getElementById ('beschriftung').firstChild.data = tstr;

        // Navigationslinks fuer grosse Bilder anzeigen
        if (index_grosses_bild > 0)
                document.getElementById ('zurueck_gross').src = pfad_zu_navbildern + "/back.jpg";
        else
                document.getElementById ('zurueck_gross').src = pfad_zu_navbildern + "/first.jpg";

        if (anzahl_bilder > index_grosses_bild + 1)
                document.getElementById ('weiter_gross').src = pfad_zu_navbildern + "/forward.jpg";
        else
                document.getElementById ('weiter_gross').src = pfad_zu_navbildern + "/last.jpg";
}

// vorheriges Bild (gross) aus Bilderliste anzeigen
function zurueck_gross ()
{
        // nur noetig, wenn nicht schon das erste Bild angezeigt wird
        if (index_grosses_bild > 0)
        {
                // zum vorherigen Bild
                index_grosses_bild--;
                // grosses Bild aktualisieren
                grosses_bild_auffrischen ();
        }
}

// naechstes Bild (gross) aus Bilderliste anzeigen
function weiter_gross ()
{
        // nur wenn nicht schon beim letzten Bild angekommen
        if (index_grosses_bild + 1 < anzahl_bilder)
        {
                // zum naechsten Bild
                index_grosses_bild++;
                // grosses Bild aktualisieren
                grosses_bild_auffrischen ();
        }
}