// Sorgt dafür, dass nach dem Löschen die ID's neu durchnumeriert werden

function setNewIds()
{
    var parent  = document.getElementById("themen");
    var reihen  = parent.getElementsByTagName("div");
    for (i=0; i < reihen.length; i++) {
        j = i + 1;

        // Ändere die ID des Delete-Button p-Tags und setze den Link neu
        id = reihen[i].getAttribute("id");
        var deleteButton = document.getElementById(id+"_delete");
        deleteButton.setAttribute("id", "thema_"+j+"_delete");
        document.getElementById("thema_"+j+"_delete").innerHTML = '<a href="#" onclick="delete_row('+j+'); return false" class="btMinus">Dieses Thema löschen</a>';

        // Nummeriere die ID des Divs neu
        reihen[i].setAttribute("id", "thema_"+j);
    }
}

// Lösche eine Zeile
function delete_row(id)
{
    // Lösche die Zeile
    var anchor = document.getElementById("thema_"+id);
    var parent = anchor.parentNode;
    var removedChild = parent.removeChild(anchor);
    setNewIds();
}

// Füge eine neue Zeile hinzu
function new_row()
{
    // Wieviele Zeilen gibt es in der Tabelle Elemente?
    var parent  = document.getElementById("themen");
    var reihen  = parent.getElementsByTagName("div");
    var i       = reihen.length + 1;
    var id      = "thema_" + i;

    // Erstelle eine neue Zeile
    var neueZeile = document.createElement("div");
    neueZeile.setAttribute("id", id);
    neueZeile.setAttribute("class", "trenner");
    parent.appendChild(neueZeile);

    // Fülle die Zeile aus
    document.getElementById(id).innerHTML = '<p><label for="titel_'+i+'">Überschrift</label><br /><input type="text" name="formTitel[]" id="titel_'+i+'" size="40" maxlength="250" value="" style="width:390px" /></p><p><label for="beschreibung_'+i+'">Beschreibung</label><br /><textarea name="formBeschreibung[]" id="beschreibung_'+i+'" cols="40" rows="5" style="width:390px"></textarea></p><p><label for="referent_'+i+'">Referent</label><br /><input type="text" name="formReferent[]" id="referent_'+i+'" size="40" maxlength="250" value="" style="width:390px" /></p><p id="thema_'+i+'_delete"><a href="#" onclick="delete_row('+i+'); return false" class="btMinus">Dieses Thema löschen</a></p>';
}

Effect.OpenUp = function(element) {
    new Effect.BlindDown(element, arguments[1] || {});
}

Effect.CloseDown = function(element) {
    new Effect.BlindUp(element, arguments[1] || {});
}

function showElement(id, selector)
{
    // Schließe zunächst alle offenen Boxen
    if (selector) {
        $$(selector).each(function(s) {
            s.hide();
        });
    }

    var elt = $(id);

    // Fade die ausgewählte Box ein
    elt.show();
}

function fadeElement(id, selector)
{
    var elt = $(id);

    // Die Box wird eingezeigt. Fade sie aus.
    if (elt.visible()) {
        Effect.CloseDown(elt);

    // Die Box ist unsichtbar
    } else {
        // Schließe zunächst alle offenen Boxen
        if (selector) {
            $$(selector).each(function(s) {
                s.hide();
            });
        }
        // Fade die ausgewählte Box ein
        Effect.OpenUp(elt);
    }
}