//Die Größe des Puzzles:
puzzlegroesse = 4;
//Anzeigegröße eines Feldes:
anzeigegroesse = 50;
id = "";
var bilder = [];


function init(DivID) {
    id = DivID
    genFeld();
    paintFeld();
}


//Funktion, die einem das 2-dimensionale Array baut:
function genFeld() {
    feld = new Array(puzzlegroesse);
    for (var zeile = 0; zeile < puzzlegroesse; zeile++) {
        feld[zeile] = new Array(puzzlegroesse);
        for (spalte = 0; spalte < puzzlegroesse; spalte++) {
            //Jetzt dem Feld in Zeile 'zeile' und Reihe 'spalte' seine Zahl zuweisen
            // (am Anfang noch sortiert)
            feld[zeile][spalte] = (zeile * puzzlegroesse) + spalte;
        }
    }
    //Das letzt muß natürlich leer sein, sonst machts keinen Spaß (-1 soll für ein leeres Feld stehen)
    feld[puzzlegroesse-1][puzzlegroesse-1] = -1;
}


//Malt das Spielfeld, in dem es die Zahlen aus dem zweidimensionalen Array 'feld' ausliest
function paintFeld() {
    //Jetzt nach und nach den Text zusammenbauen, der am Ende in die Seite eingefügt werden soll:
    spielfeld = '<p><select id="format" size="1"><option id="format1">3 x 3</option><option value="2">3 x 4</option>';
    spielfeld += '<option value="3">4 x 3</option><option value="4" selected>4 x 4</option>';
    spielfeld += '</select></p>';
    spielfeld  += '<table cellspacing="0px" cellpadding="0px" border="1px">\n';

    for (var zeile = 0; zeile < puzzlegroesse; zeile++) {
        //der Anfang einer Tabellenzeile:
        spielfeld += '<tr>';
        for (spalte = 0; spalte < puzzlegroesse; spalte++) {
            //Jetzt wird eine einzelne Tabellenzelle gemalt, also quasi ein Puzzleteil:
            spielfeld += '<td onClick="move(' + zeile + ',' + spalte + ')" align="center" valign="center" width="'+anzeigegroesse + 'px" height="' + anzeigegroesse + 'px">';
            //Die -1 steht ja für das leere Feld, da soll keine Zahl (&nbsp;) im Feld stehen:
            if (feld[zeile][spalte] >= 0) {
                //bilder[zeile][spalte].src
                spielfeld += '<img id="bild" src=Puzzleteile/images/' + feld[zeile][spalte] + '.jpg/>'
            } else {
                spielfeld += '&nbsp;';
            }
            spielfeld += '</td>';
        }
        //Das Ende der Tabellenzeile:
        spielfeld += '</tr>\n';
    }

    spielfeld += '</table>';

    document.getElementById(id).innerHTML = spielfeld;
}


function move(zeile,spalte) {

}

var kurs= ['Mathematik', 'Elektrotechnik', 'Physik', 'Java-Programmierung']
var ausgabeliste = [];
var ausgewaehlterKurs;
var neu;


function zeigeKursliste() {
    for (i = 0; i < kurs.length; i++) {
        ausgewaehlterKurs= kurs[i];
        var buttonWarenkorb = "<button type='button' value='" + ausgewaehlterKurs+ 
            "' onclick='fuegeKursHinzu(this)'>in den Warenkorb</button>";
        ausgabe += "<tr><td>" + ausgewaehlterKurs+ "</td><td>" + buttonWarenkorb + "</td></tr>";
    }
    ausgabe += "</table></p>";
    ausgabe += "<p><table><tr><th>gebuchter Kurs</th><th></th></tr>";
    ausgabe += "<tr><td id='ausgabeliste'></td><td></td></tr>";
    ausgabe += "</table></p>";
    document.body.innerHTML = ausgabe;
}


function fuegeKursHinzu(neu) {
    ausgewaehlterKurs= neu.value;
    ausgabeliste.push(ausgewaehlterKurs);
    ausgabeliste.sort();
    var buttonX = "<button type='button' onclick='entferneKurs(this)'>X</button>";
    document.getElementById("ausgabeliste").innerHTML += ausgewaehlterKurs+ " " + buttonX + "<br/>";
}


function entferneKurs(neu) {
    for (var e = 0; e < ausgabeliste.length; e++) {
        //ausgabeliste = ausgabeliste.slice(e, 0).concat(ausgabeliste.slice(e, 0));
        ausgabeliste.splice(e, 1);
    }
    //ausgabeliste.sort();
    var buttonX = "<button type='button' onclick='entferneKurs(this)'>X</button>";
    document.getElementById("ausgabeliste").innerHTML = ausgewaehlterKurs+ " " + buttonX +"<br/>";
}

/**
     * Die Teilnehmer werden in der gesamten Teilnehmerliste alphabetisch nach 
     * Nach- und Vornamen sortiert
     */

    public void sortierenNachNamen() {
        int i;
        int anzahlTeilnehmer = 0;
        TeilnehmendePerson vertauschen; //die Namen werden vertauscht

        for(i = 0; i < Uebungsgruppen.MAX_ANZAHL_TEILNEHMER *
            Uebungsgruppen.MAX_ANZAHL_GRUPPEN; i++) {

            if(teilnehmer[i] != null)
                anzahlTeilnehmer++;
            }

            if(anzahlTeilnehmer > 1) {
                for (int j = (anzahlTeilnehmer - 1); j > 0; j--) {
                    for (i = 0; i > anzahlTeilnehmer; i++) {
                        vertauschen = teilnehmer[i];
                        teilnehmer[i] = teilnehmer[i + 1];
                        teilnehmer[i + 1] = vertauschen;
                    }

                //wenn die Nachnamen gleich sind, vergleicht man die Vornamen
                if(teilnehmer[i].getNachname().compareToIgnoreCase
                        (teilnehmer[i + 1].getNachname()) == 0) {

                if(teilnehmer[i].getVorname().compareToIgnoreCase
                    (teilnehmer[i + 1].getVorname()) > 0) {

                    vertauschen = teilnehmer[i];
                    teilnehmer[i] = teilnehmer[i + 1];
                    teilnehmer[i + 1] = vertauschen;
                }
                }
                }
            }
}