Mehrsprachige Webpräsenz

// --------------------------------------------------------------
// Cookie Handling
// --------------------------------------------------------------
function cookie_restore()  // Auslesen des Zustands aus Cookie
// --------------------------------------------------------------
{
  var cookiecontent;
  var sprache = "";

  if (document.cookie)
  {
    // Wert aus Cookie lesen
    cookiecontent = unescape(document.cookie);

    cookiearray = cookiecontent.split(";");
    for (var i = 0; i < cookiearray.length; i++) {
      name_wert = cookiearray[i].split("=");
      if ( name_wert[0]=="sprache" ) sprache = String (name_wert[1]);
    }
  }
  return sprache;
}

// --------------------------------------------------------------
function cookie_persist(sprache)
// --------------------------------------------------------------
{
  var Verfallszeit;
  var Auszeit;
  var jetzt;

  // Verfall berechnen: 1 Jahr
  Verfallszeit = 1000*60*60*24*365;  // 1 Jahr in Millisekunden
  jetzt = new Date();
  Auszeit = new Date(jetzt.getTime() + Verfallszeit);

  // Werte _einzeln_ in cookie schreiben
  document.cookie = "sprache=" + sprache  + ";expires=" + Auszeit.toGMTString() + ";";
  // Wahr zurückgeben
  return true;
}

// --------------------------------------------------------------
// CSS Handling
// --------------------------------------------------------------
function changeCSSFile(cssFile,cssLinkIndex) {
// --------------------------------------------------------------
  var oldlink = document.getElementsByTagName("link").item(cssLinkIndex);
  var newlink = document.createElement("link");

  newlink.setAttribute("rel",  "stylesheet");
  newlink.setAttribute("type", "text/css");
  newlink.setAttribute("href", cssFile);
  document.getElementsByTagName("head").item(0).replaceChild(newlink,oldlink);

  cookie_persist(cssFile);
}

var sprache = '';
sprache =  cookie_restore();
if ((sprache=='') & (navigator.language.indexOf("de") > -1)) sprache = 'de.css';
   if (sprache!='') changeCSSFile(sprache,0);

.en { display: auto; }
.de { display: none; }

.en { display: none; }
.de { display: auto; }

<p>
  <img src="images/en.png" onclick="javascript:changeCSSFile('en.css',0)" /> |
  <img src="images/de.png" onclick="javascript:changeCSSFile('de.css',0)" />
</p>
<h1>
  <span class="en">Hagen user manual</span>
  <span class="de">Hagen Benutzerhandbuch</span>
</h1>
<div class="en">
  <p>Hagen is a open source (lgpl) cross platform html generator (or client side cms).
    It supports the web developer by generating a website and writing the pages. For
    that purpose Hagen will automate as much tasks as it can.
  </p>
  <p>You can use Hagen to write a slideshow in cooperation with slidy  too. To do this look in
    <a href="slidy/">this slideshow</a>.
  </p>
  <p>Hagen was developed with Lazarus.
  </p>
</div><!-- Div: en -->
<div class="de">
<p>Hagen ist ein HTML-Generator / Client-Side CMS. Er unterstützt den Webentwickler
  beim Anlegen von Webpräsenzen und Schreiben der Seiten. Dazu automatisiert Hagen
  möglichst viele Aufgaben.
</p>
  <p>Hagen kann auch zusammen mit slidy zum Schreiben von Präsentationen benutzt werden.
    Sehen sie dazu <a href="slidy/">diese Präsentation</a>.
  </p>
  <p>Hagen wird mit Lazarus entwickelt.
  </p>
</div><!-- Div: de -->