function layout() {
document.write("Ansicht")
document.write("<ul>")
document.write("<li><a href=\"#\" onclick=\"setActiveStyleSheet('blau'); return false;\" tabindex=\"12\">blau<\/a><\/li>")
document.write("<li><a href=\"#\" onclick=\"setActiveStyleSheet('braun'); return false;\" tabindex=\"13\">braun<\/a><\/li>")
document.write("<li><a href=\"#\" onclick=\"setActiveStyleSheet('kontrast'); return false;\" tabindex=\"14\">Kontrast<\/a><\/li>")
document.write("<\/ul>")
}

function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { // Schleife über alle Link-Elemente
    if(   a.getAttribute("rel").indexOf("style") != -1 // wenn darin das Attribut rel den String 'style' enthält
       && a.getAttribute("title")                      // und ein Titel-Attribut hat
       ) {
         a.disabled = true;                            // dann setze das auf deaktiviert
         if(a.getAttribute("title") == title) a.disabled = false; // wenn ein Titel-Attribut mit dem Wert aus title existiert, dann aktiviere dieses
    }
  }
}

function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { // Schleife über alle Link-Elemente
    if(   a.getAttribute("rel").indexOf("style") != -1  // wenn darin das Attribut rel den String 'style' enthält
       && a.getAttribute("title")                       // und ein Titel-Attribut hat
       && !a.disabled                                   // und nicht deaktiviert ist
       ) return a.getAttribute("title");                // dann gib den Wert des Titel-Attributes zurück
  }
  return null;
}

function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { // Schleife über alle Link-Elemente
    if(   a.getAttribute("rel").indexOf("style") != -1  // wenn darin das Attribut rel den String 'style' enthält
       && a.getAttribute("rel").indexOf("alt") == -1    // und dieses kein Alternatives Stylesheet ist
       && a.getAttribute("title")                       // und ein Titel-Attribut hat
       ) return a.getAttribute("title");                // dann gib den Wert des Titel-Attributes zurück
  }
  return null;
}

function createCookie(name,value,days) {                // Schreiben eines Cookies
  if (days) {                                           // wenn eine Geltungsdauer übergeben wird
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));  // dann ist es ein 'days' Tage gültig
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";                                    // ansonsten wird kein Ablaufdatum gesetzt
  document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {                             // Lesen eines Cookies
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');                  // Aufteilen des Cookies mit dem Sepatator ';'
  for(var i=0;i < ca.length;i++) {                      // Schleife über alle gefundenen Cookieteile
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);// Abschneiden von Leerzeichen auf der linken Seite
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);//Wenn 'c' den Cookienamen + '=' enthält, dann liefere den Wert des Reststrings zurück
  }
  return null;
}

window.onload = function(e) {                           // beim Aufrufen der Seite
  var cookie = readCookie("styleSucht");                      // lese das Cookie mit Namen "styleSucht"
  var title = cookie ? cookie : getPreferredStyleSheet();
  setActiveStyleSheet(title);
}

window.onunload = function(e) {                         // beim Verlassen der Seite
  var title = getActiveStyleSheet();                    // lese den Namen des aktiven Stylesheets
  createCookie("styleSucht", title, 365);             // schreibe ein Cookie mit Namen "styleSucht" und einer Gültigkeit von 365 Tagen
}

var cookie = readCookie("styleSucht");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);