function getActiveStyleSheet()
{
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++)
  {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled)
      return a.getAttribute("title");
  }
  return null;
}

function getPreferredStyleSheet()            // bevorzugtes Sheet (nicht alternate)
{
  var i, a;
  for(var i=0; (a = document.getElementsByTagName("link")[i]); i++)
  {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("rel").indexOf("alt") == -1 && a.getAttribute("title"))
      return a.getAttribute("title");
  }
  return null;
}

function cookieLesen(name)
{
  var keks = new Array();
  keks = document.cookie.split(';');
  for (var i=0;i<keks.length;i++)
  {
    var seite = new Array();
    seite = keks[i].split('=');
    if (!seite[0].indexOf(' ')) seite[0]=seite[0].substr(1);
    if (seite[0]==name)
      return seite[1];
  }
  return false;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

function setCookieStyle(titel,art)
{
  if (art!='temp')
  {
    if (titel==getPreferredStyleSheet())  var sekunden    = 60*60*24*30;     // 30 Tage
    else                                  var sekunden    = 60*60*24*366;    // 366 Tage

    if (titel=='weisser_Grund' && art=='winsize') titel='weiss_temp';
    if (titel=='mobile_Geraete' && art=='winsize') titel='mobil_temp';

    document.cookie = "style=" + titel + "; max-age=" + sekunden + "; path=/;";
    if (titel!=getPreferredStyleSheet() && !document.cookie)
      alert("Bei Ihnen sind Cookies deaktiviert, daher kann die Layout-Änderung nicht im Browser gespeichert werden!")
    else if (art=="manuell")
  //    alert("Layout-Änderung als Cookie in Ihrem Browser gespeichert.")
      ;
  }
}

function setActiveStyleSheet(title,art)
{
  if (!allowdchange) return;
  if (art=="manuell" && getActiveStyleSheet()==title)
    ;
  else
  {
    var i, a, main;
    if (title.indexOf(";")>0) title=title.substr(0,title.indexOf(';'));
    for(i=0; (a = document.getElementsByTagName("link")[i]); i++)
    {
      if(a.getAttribute("rel") && a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.getAttribute("media"))
      {
        a.disabled = true;
        if(a.getAttribute("title") == title)
        {
          a.disabled = false;
          setCookieStyle(title,art);
        }
      }
    }
  }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

function setCookieSize(groesse,art)
{
  if (groesse==.75)  var sekunden    = 60*60*24*1;      // 1 Tag
  else               var sekunden    = 60*60*24*366;    // 366 Tage
  document.cookie = "size=" + groesse + "; max-age=" + sekunden + "; path=/;";
  if (groesse!='.75' && !document.cookie)
    alert("Bei Ihnen sind Cookies deaktiviert, daher kann die Größenänderung nicht im Browser gespeichert werden!")
  else if (art=="manuell")
//    alert("Größenänderung als Cookie in Ihrem Browser gespeichert.")
    ;
}

var fontsize=.75;
var size4form=0;
var maxsize=4;                    // Maximalwert (..fache Vergrößerung)
function setfont(size,art)
{
  var neu=size+"em";
  document.getElementsByTagName('body')[0].style.fontSize = neu;
  if (art=='auto') fontsize=parseFloat(size);
  else             setCookieSize(size,art);
// alert("fontsize="+fontsize);
}

function fontaend(wie)
{
  if (!allowdchange) return;
  if (wie)
  {
    if (fontsize<(.75+.25*maxsize))
      fontsize+=.25;
    else
      alert("Maximale Schriftgröße erreicht!");
  }
  else
    fontsize=.75;
  setfont(fontsize,'manuell');
  location.href=datei;
}

function fsize()
{
  if (!allowdchange) return;
  var cookie_f = cookieLesen('size');
  if (cookie_f)
  {
    setfont(parseFloat(cookie_f),'auto');
    size4form = parseInt((fontsize-0.75)/0.25);
  }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

function layoutmeldung()
{
  var layoutmeld = getActiveStyleSheet();
  fsize();
  layoutmeld += size4form ? ' / Schriftgröße: + '+size4form : '';
  layoutmeld += '\nCookies => ';
  if(document.cookie) layoutmeld += document.cookie;
  else layoutmeld += '---';
  layoutmeld += '\nScreen => '+fensterbreite+' px breit';
  return layoutmeld;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

function buttonfarb()
{
  document.getElementsByName("buttn")[0].className = (getActiveStyleSheet()=='normal') ? "off" : "gn" ;
  document.getElementsByName("butts")[0].className = (getActiveStyleSheet()=='schwarzer_Grund') ? "off" : "bbl" ;
  document.getElementsByName("buttw")[0].className = (getActiveStyleSheet()=='weisser_Grund') ? "off" : "rt" ;
  document.getElementsByName("buttc")[0].className = (getActiveStyleSheet()=='hoher_Kontrast') ? "off" : "sw" ;
  if  (typeof document.getElementsByName("butth")[0] != "undefined")
  {  document.getElementsByName("butth")[0].className = (getActiveStyleSheet()=='mobile_Geraete') ? "off" : "vi" ; }
}

function layouthelp()
{
  var mobilbutton="";
  if (window.innerWidth<790) mobilbutton="<button name='butth' typ='button' class='vi' onClick='layoutmanuell(\"m\")' title='Handhelds und mobile Geräte'><b>4handy<\/b><\/button>";
  document.write("<div class='ameise bghgr' style='width: 650px'>"
               + "<span class='comic'>Wählen Sie zwischen den Seiten-Layouts: "
               + "<button name='buttn' typ='button' class='gn'  onClick='layoutmanuell(\"n\")' title='normaler Grafik-Hintergrund'><b>normal<\/b><\/button>, "
               + "<button name='butts' typ='button' class='bbl' onClick='layoutmanuell(\"s\")' title='schwarzer Hintergrund'><b>schwarz<\/b><\/button> oder "
               + "<button name='buttw' typ='button' class='rt'  onClick='layoutmanuell(\"w\")' title='weißer Hintergrund'><b>weiß<\/b><\/button>"
               + "<button name='buttc' typ='button' class='sw'  onClick='layoutmanuell(\"k\")' title='hoher Kontrast'><b>Kontrast<\/b><\/button>"
               + mobilbutton+" <img src='helps/pixel.gif' class='bgtext finger u' onClick='layoutmanuell(\"t\")' title='Zusatz-Texte' alt='[mehr Text]'>"
               + "<\/span><\/div><br>");
  buttonfarb();
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

function layoutmanuell(eingabe)
{
  if (!allowdchange) return false;
  var stylevor=getActiveStyleSheet();
       if (eingabe=='n') setActiveStyleSheet('normal','manuell');
  else if (eingabe=='s') setActiveStyleSheet('schwarzer_Grund','manuell');
  else if (eingabe=='w') setActiveStyleSheet('weisser_Grund','manuell');
  else if (eingabe=='k') setActiveStyleSheet('hoher_Kontrast','manuell');
  else if (eingabe=='m') setActiveStyleSheet('mobile_Geraete','manuell');
  else if (eingabe=='t' || eingabe=='b') setActiveStyleSheet('mehr_Text','manuell');  // text / blind
  else if (eingabe=='h') setActiveStyleSheet('normal','temp');                        // hell (ohne Cookie)
  else if (eingabe=='d') setActiveStyleSheet('schwarzer_Grund','temp');               // dunkel (ohne Cookie)
  else if (eingabe=='p') setActiveStyleSheet('print','temp');                         // druck (ohne Cookie)
  var stylenach=getActiveStyleSheet();

  if (eingabe!='p' && stylevor!=stylenach)
  {
    if (dateibez.indexOf('map')>=0) mappageauswahl();
    if (stylevor=='mobile_Geraete' || stylenach=='mobile_Geraete' || stylevor=='mehr_Text' || stylenach=='mehr_Text')
    {
      if (stylenach=='mobile_Geraete') document.cookie = "altstyle=mobile_Geraete; max-age=10; path=/;";
      location.href=datei;
    }
  }

  if  (typeof document.getElementsByName("buttn")[0] != "undefined") buttonfarb();
  return false;
}

function mappageauswahl()
{
  if      (getActiveStyleSheet()=='mobile_Geraete') { if (dateibez!='momap') location.href="momap.html"; }
  else if (getActiveStyleSheet()=='mehr_Text')      { if (dateibez!='momap') location.href="momap.html"; }
  else                                              { if (dateibez!='map')  location.href="map.html";  }
}

function blwhchanger() // hell / dunkel
{
  document.write("[ <img class='bgnorm mitte'  src='http://www.fakoo.de/helps/style_black.gif'  onClick='layoutmanuell(\"d\")' alt=' >>dunkler Hintergrund' title='schwarzer Hintergrund'>");
  document.write("<img class='bgschwarz mitte' src='http://www.fakoo.de/helps/style_normal.gif' onClick='layoutmanuell(\"h\")' alt=' >>heller Hintergrund'  title='normaler Hintergrund'> ]");
}

function stylechanger3()
{
  document.write(                    "<img class='mitte bgnorm'     title='zu Ansicht \"schwarzer Hintergrund\"' alt='Layout-Änderung' name='layoutn' src='helps/style_normal+.gif'   onClick='layoutmanuell(\"s\")' onMouseOver='document.images.layoutn.src=\"helps/style_black+.gif\"'    onMouseOut='document.images.layoutn.src=\"helps/style_normal+.gif\"'>");
  document.write(                    "<img class='mitte bgschwarz'  title='zu Ansicht \"weißer Hintergrund\"'    alt='Layout-Änderung' name='layouts' src='helps/style_black+.gif'    onClick='layoutmanuell(\"w\")' onMouseOver='document.images.layouts.src=\"helps/style_white+.gif\"'    onMouseOut='document.images.layouts.src=\"helps/style_black+.gif\"'>");
  document.write("<span class='no990'><img class='mitte bgweiss'    title='zu Ansicht \"hoher Kontrast\"'        alt='Layout-Änderung' name='layoutw' src='helps/style_white+.gif'    onClick='layoutmanuell(\"k\")' onMouseOver='document.images.layoutw.src=\"helps/style_contrast+.gif\"' onMouseOut='document.images.layoutw.src=\"helps/style_white+.gif\"'></span>");
  document.write("<span class='no990'><img class='mitte bgcontrast' title='zu Ansicht \"normaler Hintergrund\"'  alt='Layout-Änderung' name='layoutc' src='helps/style_contrast+.gif' onClick='layoutmanuell(\"n\")' onMouseOver='document.images.layoutc.src=\"helps/style_normal+.gif\"'   onMouseOut='document.images.layoutc.src=\"helps/style_contrast+.gif\"'></span>");
}

function stylechanger4()
{
  document.write(                    "<img class='mitte bgtext'    src='helps/style_blind.gif'  onClick='layoutmanuell(\"t\")' alt=' >>mehr Text'             title=''>");
  document.write("<span class='no990'><img class='mitte bgnorm'    src='helps/style_normal.gif' onClick='layoutmanuell(\"s\")' alt=' >>schwarzer Hintergrund' title='zu Ansicht \"schwarzer Hintergrund\"'></span>");
  document.write(                    "<img class='mitte bgschwarz' src='helps/style_black.gif'  onClick='layoutmanuell(\"w\")' alt=' >>weißer Hintergrund'    title='zu Ansicht \"weißer Hintergrund\"'>");
  document.write("<span class='no990'><img class='mitte bgweiss'   src='helps/style_white.gif'  onClick='layoutmanuell(\"n\")' alt=' >>normaler Hintergrund'  title='zu Ansicht \"normaler Hintergrund\"'></span>");
}

function stylechanger5()
{
  document.write(                    "<img class='mitte bgtext'     src='helps/style_blind.gif'     onClick='layoutmanuell(\"t\")' alt=' >>mehr Text'             title=''>");
  document.write("<span class='no990'><img class='mitte bgweiss'    src='helps/style_normal.gif'    onClick='layoutmanuell(\"n\")' alt=' >>normaler Hintergrund'  title='normaler Hintergrund'></span>");
  document.write("<span class='no990'><img class='mitte bgnorm'     src='helps/style_black.gif'     onClick='layoutmanuell(\"s\")' alt=' >>schwarzer Hintergrund' title='schwarzer Hintergrund'></span>");
  document.write(                    "<img class='mitte bgschwarz'  src='helps/style_white.gif'     onClick='layoutmanuell(\"w\")' alt=' >>weißer Hintergrund'    title='weißer Hintergrund'>");
  document.write("<span class='no990'><img class='mitte bgcontrast' src='helps/style_contrast.gif'  onClick='layoutmanuell(\"k\")' alt=' >>hoher Kontrast'        title='hoher Kontrast'></span>");
  document.write(                    "<img class='mitte bgweiss'    src='helps/style_mobil.gif'     onClick='layoutmanuell(\"m\")' alt=' >>mobile Geräte'         title='mobile Geräte'>");
}

function stylechangerbutton(zusatz)
{
  document.write("<span class='no990'><button typ='button' onClick='layoutmanuell(\"n\")' title='Ansicht \"normaler Hintergrund\"'       ><span class='handy'> normal  <\/span> <img class='mitte' src='helps/style_normal.gif'   alt='normal'   title=''><\/button><\/span>");
  document.write("<span class='no990'><button typ='button' onClick='layoutmanuell(\"s\")' title='Ansicht \"schwarzer Hintergrund\"'      ><span class='handy'> schwarz <\/span> <img class='mitte' src='helps/style_black.gif'    alt='schwarz'  title=''><\/button><\/span>");
  document.write(                    "<button typ='button' onClick='layoutmanuell(\"w\")' title='Ansicht \"weißer Hintergrund\"'         ><span class='handy'> weiß    <\/span> <img class='mitte' src='helps/style_white.gif'    alt='weiß'     title=''><\/button>");
  document.write("<span class='no990'><button typ='button' onClick='layoutmanuell(\"k\")' title='Ansicht \"hoher Kontrast\"'             ><span class='handy'> Kontrast<\/span> <img class='mitte' src='helps/style_contrast.gif' alt='kontrast' title=''><\/button></span>");
  document.write(                    "<button typ='button' onClick='layoutmanuell(\"m\")' title='Ansicht \"mobile Geräte\"'              ><span class='handy'> mobil   <\/span> <img class='mitte' src='helps/style_mobil.gif'    alt='mobil'    title=''><\/button>");
  document.write(                    "<button typ='button' onClick='layoutmanuell(\"t\")' title='Ansicht \"mehr Text\"'                  ><span class='handy'> Text    <\/span> <img class='mitte' src='helps/style_text.gif'     alt='Text'     title=''><\/button>");
  if (zusatz=='p')    document.write("<button typ='button' onClick='layoutmanuell(\"p\")' title='Ansicht \"print\" - Fenster auf 800 px' ><span class='handy'> Druck   <\/span> <img class='mitte' src='helps/dr.gif'             alt='Druck'    title=''><\/button>");
}

function sizechanger(mob)
{
  if (size4form>0 || mob)
  {
    if (size4form>0)       document.write(" <span onClick='fontaend(0)' class='finger rt' title='Schriftgröße normal'><big>[normal 0]</big><\/span>");
    document.write("&nbsp; "+size4form+"&nbsp;");
    if (size4form<maxsize) document.write(" <span onClick='fontaend(1)' class='finger bl' title='Schrift vergrößern'><big>[größer +]</big><\/span>");
  }
  else document.write(" &nbsp; <img class='mitte finger' alt='Schrift größer' title='Schrift vergrößern' src='helps/style_plus.gif' onClick='fontaend(1)' name='sizeplus' onMouseOver='document.images.sizeplus.src=\"helps/style_plus-.gif\"' onMouseOut='document.images.sizeplus.src=\"helps/style_plus+.gif\"'>");
}

function sizechangerbutton()
{
  if (size4form<maxsize) document.write("<button typ='button' onClick='fontaend(1)' title='Schrift vergrößern'><span class='handy'> größer  <\/span> <img class='mitte' src='helps/style_plus.gif'  alt='größer'  title=''><\/button>");
  if (size4form>0)       document.write("<button typ='button' onClick='fontaend(0)' title='Schriftgröße normal'><span class='handy'> normal <\/span> <img class='mitte' src='helps/style_null.gif'  alt='normal'  title=''><\/button>");
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

var fensterhoehe;
function fenstergroesse()
{
                     fensterhoehe = document.documentElement.clientHeight;
  if (!fensterhoehe) fensterhoehe = window.innerHeight;
  if (!fensterhoehe) fensterhoehe = screen.availHeight;
  if (!fensterhoehe) fensterhoehe = screen.Height;
  if (!fensterhoehe) fensterhoehe = document.body.offsetHeight;
  if (!fensterhoehe) fensterhoehe = document.body.clientHeight;
}

var fensterbreite;
function optimalStyle()
{
                      fensterbreite = document.body.offsetWidth;
  if (!fensterbreite) fensterbreite = document.body.clientWidth;
  if (!fensterbreite) fensterbreite = document.documentElement.clientWidth;
  if (!fensterbreite) fensterbreite = window.innerWidth;
  if (!fensterbreite) fensterbreite = screen.availWidth;
  if (!fensterbreite) fensterbreite = screen.width;

  var aktstyle=getActiveStyleSheet();
  if (getActiveStyleSheet()!='mehr_Text')
  {
    if (size4form>0) fensterbreite=parseInt(fensterbreite/(fontsize/.75));

    if      (fensterbreite<600 && aktstyle!='mobile_Geraete')                               setActiveStyleSheet('mobile_Geraete','winsize');
    else if (fensterbreite<1000 && aktstyle!='mobile_Geraete' && aktstyle!='weisser_Grund' && aktstyle!='hoher_Kontrast') setActiveStyleSheet('weisser_Grund','winsize');
    else if (fensterbreite>=1000 && (cookieLesen('style')=='weiss_temp' || cookieLesen('style')=='mobil_temp')) setActiveStyleSheet('normal','auto');
    else if (fensterbreite>=600 && cookieLesen('style')=='mobil_temp')                      setActiveStyleSheet('weisser_Grund','winsize');

    if      (fensterbreite<800)                                                             document.write("<style type='text/css'>#menu .no800 {display:none}</style>");
    if      (fensterbreite<1070 && aktstyle!='mobile_Geraete')                              document.write("<style type='text/css'>#menu .no1025,#umenu .no1025,#zmenu .no1025,.downmenu .no1025 {display:none}</style>");
    if      (fensterbreite<1255 && aktstyle!='mobile_Geraete' && aktstyle!='weisser_Grund' && aktstyle!='hoher_Kontrast') document.write("<style type='text/css'>#umenu .no1280,#zmenu .no1280 {display:none}</style>");

    if      (fensterbreite<600)                                                             document.write("<style type='text/css'>#fmenu .no600 {display:none}</style>");
    else if (fensterbreite<1000)                                                            document.write("<style type='text/css'>#fmenu .no990, .layout .no990 {display:none}</style>");

    if      (fensterbreite<1280 && !datei.indexOf('fakoo'))                                 document.write("<style type='text/css'>#umenu .follow {display:none}</style>");
    if      (fensterbreite<1430 && !datei.indexOf('raphigrafie'))                           document.write("<style type='text/css'>#umenu .follow {display:none}</style>");

    if      (fensterbreite<1430 && (dateibez=='braille' || dateibez=='braille-schreiben' || dateibez=='braille-music' || dateibez=='blindenschriften')) document.write("<style type='text/css'>#umenu .follow {display:none}</style>");
    else if (fensterbreite<1280 && (datei.indexOf('braille')>=0 || !datei.indexOf('blindenschriften')))  document.write("<style type='text/css'>#umenu .follow {display:none}</style>");
  }

  if (dateibez.indexOf('map')>=0) mappageauswahl();
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

function pixelchanger(platz)    // Pixel
{
  if (allowdchange)
  {
    if (platz)    document.write("<img class='bgtext finger u' src='helps/pixel.gif' onClick='layoutmanuell(\"t\")' alt='Wenn Sie keine Grafiken anzeigen können, sollten Sie durch Klicken auf diesen Text zur Text-Anzeige mit Zusatz-Informationen umschalten oder Sie wählen am Seitenende das Layout \"mehr Text\"' title='zu Text-Layout umschalten'>");
    else          document.write("<a href='javascript:layoutmanuell(\"t\")' tabindex='1'><img class='bgtext finger u' src='helps/pixel.gif' alt='Wenn Sie keine Grafiken anzeigen können, sollten Sie durch Klicken auf diese Zeile zur Text-Anzeige mit Zusatz-Informationen umschalten' title='zu Text-Layout umschalten'></a>");
  }
}

function showsizechanger() // im Erweiterungsmenü ab mobil
{
  document.write("<li class='handy'>Schriftgröße:");
  sizechanger(1);
}

function showheadchanger() // oben unter dem Menü
{
  optimalStyle();
  if (allowdchange)
  {
    document.write("<span class='hide'><span lang='en'>Layout</span>-Umschaltung per Javascript und <span lang='en'>Cookies</span>: </span>");
    document.write("<span class='layout'>");
    stylechanger3();
    sizechanger(0);
    document.write("<\/span>");
  }
}

function showfootchanger() // Fußmenü
{
  if (allowdchange)
  {
    document.write("<span id='layout' class='layout'>");
    stylechangerbutton();
    sizechangerbutton();
    document.write("<\/span>");
  }
}

function readCookieDeveloper() { var keks = new Array(); keks = document.cookie.split(';'); for (var i=0;i<keks.length;i++) { var seite = new Array(); seite = keks[i].split('='); if (!seite[0].indexOf(' ')) seite[0]=seite[0].substr(1); if (seite[0]=="developer") return true; } return false; }
var developer=readCookieDeveloper();

if (window.location.protocol=="http:" || developer) var allowdchange=true; else var allowdchange=false;
var cookie_s = cookieLesen('style');
if (cookie_s)
{
  if (cookie_s=='Standard')         cookie_s='normal',setCookieStyle(cookie_s,'auto');              // Änderung am 11.5.11

  if (cookie_s=='black_background') cookie_s='schwarzer_Grund',setCookieStyle(cookie_s,'auto');     // Layouts von english.fakoo.de
  if (cookie_s=='white_background') cookie_s='weisser_Grund',setCookieStyle(cookie_s,'auto');
  if (cookie_s=='mobile_devices')   cookie_s='mobile_Geraete',setCookieStyle(cookie_s,'auto');
  if (cookie_s=='more_text')        cookie_s='mehr_Text',setCookieStyle(cookie_s,'auto');

  if      (cookie_s=='weiss_temp')  setActiveStyleSheet('weisser_Grund','temp');
  else if (cookie_s=='mobil_temp')  setActiveStyleSheet('mobile_Geraete','temp');
  else                              setActiveStyleSheet(cookie_s,'auto');
}
var aktlayout=getActiveStyleSheet();
var layoutart = (aktlayout=='mobile_Geraete' || aktlayout=='mehr_Text') ? 'hoch' : 'quer';
var fremdvorladen = (aktlayout=='mobile_Geraete' || aktlayout=='mehr_Text') ? 0 : 1;

if (cookieLesen('altstyle')) document.cookie = "altstyle=; max-age=0; path=/;";                       // Änderung vom 7.6.11
if (cookieLesen('font')) document.cookie = "font=; max-age=0; path=/;";                               // Änderung vom 13.6.11