var d = "";
var b = "";
var bakt = 1;

function laden (id) {
   var typ = 1;
   var anz = id.toString();
   if (anz.length > 5) {
      typ = 0;
   }
   for (var i=1; i<9; i++) {
       var nid = id*10+i;
       d.add(id, nid, "Folder "+nid, typ);
   }
   d.show();
}
function gewaehlt (id) {
   alert("Wahl aus Box 2: id("+id+")");
}

function urladen () {
   d = new gllist("d", "gllist", laden, 1, gewaehlt, 0, "resource/");
   for (var i=1; i<10; i++) {
       d.add(0, i, "Folder "+i, 1);
   }
   d.add(0,10, "Ein Folder 10 mit einem besonders langem Text der l&auml;ger ist als die Zeile breit sein sollte...", 1);
   d.add(0,11, "Folder 11", 1);
   d.show();
   b = new gllist("b", "beispiele", b_laden, 0, b_wahl, 1, "resource/");
   b.add(0, 1, "Informationen", 0);
   b.add(0, 2, "Dateien", 1);
   b.add(0, 3, "GLlist", 1);
   b.add(0, 4, "Download", 0);
   b.add(0, 5, "Historie", 0);
   b.show();
   
   
}
function b_laden (id) {
   switch (id) {
      case "2":
        b.add("2", "21", "HTML-Einbindung", 0);
        b.add("2", "22", "Stylesheet", 0);
        b.add("2", "23", "Java-Script", 1);
        b.show();
        break;
      case "3":
        b.add("3", "31", "Funktionen", 1);
        b.add("3", "32", "Stylesheet", 0);
        b.add("3", "33", "Java-Script", 0);
        b.add("3", "34", "Browsertest", 0);
        b.show();
        break;
      case "23":
        b.add("23", "231", "Initialisierung", 0);
        b.add("23", "232", "Ladefunktion", 0);
        b.add("23", "233", "Auswahlfunktion", 0);
        b.show();
        break;
      case "31":
        b.add(31, 311, "Typ erzeugen, new-Konstruktor", 0);
        b.add(31, 312, "Eintrag hinzuf&uuml;gen, add()", 0);
        b.add(31, 313, "Daten anzeigen, show()", 0);
        b.show();
        break;
   }
}

function b_wahl (id) {
    $("t"+bakt).className = "unsichtbar";
    $("t"+id).className = "sichtbar";
    bakt = id;
}
function $ (bez) {
   return document.getElementById(bez);
}