function init() {
  // Bilder in den Speicher laden
  // siehe auch 'unsichtbare bilder' im body ;)
  bild = new Image();
  bild[0] = "images/rects_start.gif";

  bild = new Image();
  bild[1] = "images/rects_start.gif";

  bild = new Image();
  bild[2] = "images/rects_start.gif";
  // Cookies holen
  // cookie wird geholt, solange i kleiner als 4 ist, bei insgesamt 4 statt 3 listen
  // muesste es dann heissen i < 5, da die schleife 4 mal duchgefuehrt werden soll usw. 
  for (var i = 0; i < 4; i++) {
    var list_status = holeCookie("uo_list" + i + "");
    if(list_status != null && list_status == "hide_uolist('" + i + "')") { show_uolist(i); }
  }
}

function show_uolist(nummer) {
  
  list_opener_id = new String();
  list_opener_id = "gen_list" + nummer;
  
  list_id = new String();
  list_id = "uo_list" + nummer;
  
  opener_link_id = new String();
  opener_link_id = "opener_link_" + nummer;
  
  var haltbarBis = new Date(2010, 11, 31, 1, 0, 0);
  
  cookie_wert = new String();
  cookie_wert = "hide_uolist('" + nummer + "')";
  
  document.getElementById(list_opener_id).style.listStyle = "url(images/rects_start.gif)";
  document.getElementById(list_id).style.display = "block";
  document.getElementById(opener_link_id).href = "javascript:hide_uolist('" + nummer + "')";
  setzeCookie(list_id, cookie_wert, haltbarBis); 
}


function hide_uolist(nummer) {
  
  list_opener_id = new String();
  list_opener_id = "gen_list" + nummer;
  
  list_id = new String();
  list_id = "uo_list" + nummer;
  
  opener_link_id = new String();
  opener_link_id = "opener_link_" + nummer;
  
  var haltbarBis = new Date(2010, 11, 31, 1, 0, 0);
  
  cookie_wert = new String();
  cookie_wert = "show_uolist('" + nummer + "')";
  
  document.getElementById(list_opener_id).style.listStyle = "url(images/rects_start.gif)";
  document.getElementById(list_id).style.display = "none";
  document.getElementById(opener_link_id).href = "javascript:show_uolist('" + nummer + "')"; 
  setzeCookie(list_id, cookie_wert, haltbarBis);
}