/* Javascript für die Navileiste */
/* ----------------------------- */

/* Dieses selbstgeschriebene Naviscript wird in jede Seite eingebunden. */
/* Es baut die einzelnen Navigationspunkte auf. Die derzeit aktive Seite */
/* wird "markiert". Sofern es zu Menüs Unterpunkte gibt, werden diese */
/* "unsichtbar" aufgebaut. Per default werden die Unterpunkte der jeweils */
/* aktiven Seite sichtbar geschaltet. Durch Anklicken eines "Navipfeiles" */
/* hat der User die Möglichkeit, Unterpunkte nach Belieben ein- und auszublenden. */
/* Das Script erwartet die Variable naviebene1 als Input. */
/* Veikko Voigt, 2004 */

/* Definition der einzelnen Funktionen */

/* MacheNaviSichtbar: Schaltet die Navi-Divs der zweiten Ebene sichtbar */
/* und wechselt das Bild des Navipfeiles. */
/* Parameter: naviebene1 */
function MacheNaviSichtbar(MNSParam1) {
  if(document.getElementById) {
    switch(MNSParam1) {
      case 'literatur':
        document.getElementById('literaturebene2').style.display = 'block';
        Bildwechsel(1,naviunten);
        break;
      case 'eisenbahn':
        document.getElementById('eisenbahnebene2').style.display = 'block';
        Bildwechsel(3,naviunten);
        break;
      case 'tomclancy':
        document.getElementById('tomclancyebene2').style.display = 'block';
        Bildwechsel(4,naviunten);
        break;
      case 'tutorials':
        document.getElementById('tutorialebene2').style.display = 'block';
        Bildwechsel(5,naviunten);
        break;
      default:
        break;
    }
  }
}

/* MacheNaviUnsichtbar: Schaltet die Navi-Divs der zweiten Ebene unsichtbar */
/* und wechselt das Bild des Navipfeiles. */
/* Parameter: naviebene1 */
function MacheNaviUnsichtbar(MNUParam1) {
  if(document.getElementById) {
    switch(MNUParam1) {
      case 'literatur':
        document.getElementById('literaturebene2').style.display = 'none';
        Bildwechsel(1,navirechts);
        break;
      case 'eisenbahn':
        document.getElementById('eisenbahnebene2').style.display = 'none';
        Bildwechsel(3,navirechts);
        break;
      case 'tomclancy':
        document.getElementById('tomclancyebene2').style.display = 'none';
        Bildwechsel(4,navirechts);
        break;
      case 'tutorials':
        document.getElementById('tutorialebene2').style.display = 'none';
        Bildwechsel(5,navirechts);
        break;
      default:
        break;
    }
  }
}

/* KlickVerarbeiten: Wird aufgerufen, wenn auf einen der Navipfeile geklickt wird. Je nach */
/* Kontext wird die entsprechende Funktion zum Sichtbar- oder Unsichtbarmachen aufgerufen. */
/* Parameter: naviebene1 */
function KlickVerarbeiten(KVParam1) {
    if (document.getElementById) {
      switch(KVParam1) {
        case 'literatur':
          if (document.getElementById('literaturebene2').style.display != 'block')
            MacheNaviSichtbar(KVParam1)
          else
            MacheNaviUnsichtbar(KVParam1)
          break;
        case 'eisenbahn':
          if (document.getElementById('eisenbahnebene2').style.display != 'block')
            MacheNaviSichtbar(KVParam1)
          else
            MacheNaviUnsichtbar(KVParam1)
          break;
        case 'tomclancy':
          if (document.getElementById('tomclancyebene2').style.display != 'block')
            MacheNaviSichtbar(KVParam1)
          else
            MacheNaviUnsichtbar(KVParam1)
          break;
        case 'tutorials':
          if (document.getElementById('tutorialebene2').style.display != 'block')
            MacheNaviSichtbar(KVParam1)
          else
            MacheNaviUnsichtbar(KVParam1)
          break;
        default:
          break;
      }
    }
}

/* SchalteNavipfeileSichtbar: Schaltet die Navipfeile sichtbar, die per Default */
/* (über CSS) unsichtbar geschaltet sind */
function SchalteNavipfeileSichtbar() {
  for(var i = 0; i < document.getElementsByTagName('span').length; i++) {
    var element = document.getElementsByTagName('span')[i]
    var source = element.firstChild.src
    var endsource = source.slice(source.length - 10)
    if (element.className == 'navipfeil' &&
        endsource != 'spacer.gif') {
        element.className = 'navipfeilsichtbar'
    }
  }
}

/* TesteJavascript: Testet, ob die benötigten Javascript-Methoden zur Verfügung */
/* stehen und gibt TRUE oder FALSE zurück */
function TesteJavascript() {
  var okay = new Boolean(true);
  var nicht_okay = new Boolean(false);
    if((document.getElementById) &&
      (document.getElementsByTagName) &&
      (document.firstChild)) {
                                return okay; }
    else                        return nicht_okay;
}

/* Bildwechsel: kopiert aus Selfhtml */
function Bildwechsel(Bildnr,Bildobjekt) {
  if (TesteJavascript() == true) {
   window.document.images[Bildnr].src = Bildobjekt.src;
  }
}


if (naviebene1 == 'startseite')
   homedir = '';
  else
   homedir = '../';

/* Definieren der Grafiken für die Navigationspfeile */
navirechts = new Image();
navirechts.src = homedir + 'bilder/navirechts.png';
naviunten = new Image();
naviunten.src = homedir + 'bilder/naviunten.png';

linkaddi = homedir + 'index.htm'
document.writeln('<h3\><a href="' + linkaddi + '"\>Veikkos Homepage</a\></h3\>');

linkaddi = homedir + 'uebermich/index.htm';
if (naviebene1 == 'uebermich')
    linkformat = ' class="aktiv"';
   else
    linkformat = '';

document.writeln('<p\><span class="navipfeil"\><img src="' + homedir + 'bilder/spacer.gif" alt=""\> </span\><a href="' + linkaddi +'"' + linkformat + '\>&Uuml\;ber mich</a\></p\>');

linkaddi = homedir + 'literatur/index.htm';
if (naviebene1 == 'literatur')
    linkformat = ' class="aktiv"';
   else
    linkformat = '';

document.writeln('<p\><span class="navipfeil"\><img src="' + homedir + 'bilder/navirechts.png" alt="Menü auf/zu" onClick="KlickVerarbeiten(\'literatur\')"\> </span\><a href="' + linkaddi +'"' + linkformat + '\>Literatur</a\></p\>');

/* Hier gibt es Unterpunkte, die zunächst in einem unsichtbaren DIV erzeugt werden, um im Falle des Falles */
/* sichtbar gemacht zu werden */

document.writeln('<div id="literaturebene2" class="navi2div"\>');

document.writeln('<div\>');
document.writeln('<p\><a href="' + homedir + 'literatur/index.htm#gedichte"\>Gedichte</a\></p\>');
document.writeln('<p\><a href="' + homedir + 'literatur/index.htm#vertraeumtes"\>Verträumtes</a\></p\>');
document.writeln('<p\><a href="' + homedir + 'literatur/index.htm#liedtexte"\>Liedtexte</a\></p\>');
document.writeln('<p\><a href="' + homedir + 'literatur/index.htm#diverse_essays"\>Essays</a\></p\>');
document.writeln('<p\><a href="' + homedir + 'literatur/index.htm#die_unendliche_geschichte"\>Die unendliche Geschichte</a\></p\>');
document.writeln('</div\>');

document.writeln('</div\>');

linkaddi = homedir + 'musik/index.htm';
if (naviebene1 == 'musik')
    linkformat = ' class="aktiv"';
   else
    linkformat = '';
document.writeln('<p\><span class="navipfeil"\><img src="' + homedir + 'bilder/spacer.gif" alt=""\> </span\><a href="' + linkaddi +'"' + linkformat + '\>Musik</a\></p\>');

linkaddi = homedir + 'eisenbahn/index.htm';
if (naviebene1 == 'eisenbahn')
    linkformat = ' class="aktiv"';
   else
    linkformat = '';

document.writeln('<p\><span class="navipfeil"\><img src="' + homedir + 'bilder/navirechts.png" alt="Menü auf/zu" onClick="KlickVerarbeiten(\'eisenbahn\')"\> </span\><a href="' + linkaddi +'"' + linkformat + '\>Eisenbahn</a\></p\>');

/* Hier gibt es Unterpunkte, die zunächst in einem unsichtbaren DIV erzeugt werden, um im Falle des Falles */
/* sichtbar gemacht zu werden */

document.writeln('<div id="eisenbahnebene2" class="navi2div"\>');
document.writeln('<div\>');
document.writeln('<p\><a href="' + homedir + 'eisenbahn/index.htm#virtnetz"\>Eisenbahnnetz</a\></p\>');
document.writeln('</div\>');
document.writeln('</div\>');

linkaddi = homedir + 'tomclancy/index.htm';
if (naviebene1 == 'tomclancy')
    linkformat = ' class="aktiv"';
   else
    linkformat = '';

document.writeln('<p\><span class="navipfeil"\><img src="' + homedir + 'bilder/navirechts.png" alt="Menü auf/zu" onClick="KlickVerarbeiten(\'tomclancy\')"\> </span\><a href="' + linkaddi +'"' + linkformat + '\>Tom Clancy</a\></p\>');

/* Hier gibt es Unterpunkte, die zunächst in einem unsichtbaren DIV erzeugt werden, um im Falle des Falles */
/* sichtbar gemacht zu werden */

document.writeln('<div id="tomclancyebene2" class="navi2div"\>');
document.writeln('<div\>');
document.writeln('<p\><a href="' + homedir + 'tomclancy/index.htm#jackryanserie"\>Jack-Ryan-Serie</a\></p\>');
document.writeln('<p\><a href="' + homedir + 'tomclancy/index.htm#sachbuecher"\>Sachbücher</a\></p\>');
document.writeln('</div\>');
document.writeln('</div\>');

linkaddi = homedir + 'tutorials/index.htm';
if (naviebene1 == 'tutorials')
    linkformat = ' class="aktiv"';
   else
    linkformat = '';

document.writeln('<p\><span class="navipfeil"\><img src="' + homedir + 'bilder/navirechts.png" alt="Menü auf/zu" onClick="KlickVerarbeiten(\'tutorials\')"\> </span\><a href="' + linkaddi +'"' + linkformat + '\>Tutorials</a\></p\>');

/* Hier gibt es Unterpunkte, die zunächst in einem unsichtbaren DIV erzeugt werden, um im Falle des Falles */
/* sichtbar gemacht zu werden */

document.writeln('<div id="tutorialebene2" class="navi2div"\>');

document.writeln('<div\>');
document.writeln('<p\><a href="' + homedir + 'tutorials/index.htm#html-kurs"\>HTML-Einsteigerkurs</a\></p\>');

document.writeln('</div\>');
document.writeln('</div\>');

linkaddi = homedir + 'links/index.htm';
if (naviebene1 == 'links')
    linkformat = ' class="aktiv"';
   else
    linkformat = '';

document.writeln('<p\><span class="navipfeil"\><img src="' + homedir + 'bilder/spacer.gif" alt=""\> </span\><a href="' + linkaddi +'"' + linkformat + '\> Links</a\></p\>');

linkaddi = homedir + 'fotografie/index.htm';
if (naviebene1 == 'links')
    linkformat = ' class="aktiv"';
   else
    linkformat = '';

document.writeln('<p\><span class="navipfeil"\><img src="' + homedir + 'bilder/spacer.gif" alt=""\> </span\><a href="' + linkaddi +'"' + linkformat + '\> Fotografie</a\></p\>');


document.writeln('<p\><span class="navipfeil"\><img src="' + homedir + 'bilder/spacer.gif" alt=""\> </span\><a href="http://veikkovoigt.de/tinc?key=rtSmeMI2&start=-1&reverse=1"\>Gästebuch</a\></p\>');

document.writeln('<p><span class="navipfeil"\><img src="' + homedir + 'bilder/spacer.gif" alt=""\> </span\><a href="mailto:vv@veikkovoigt.de?subject=Homepage"\>Mail</a\></p\>');

if (TesteJavascript() == true)
  SchalteNavipfeileSichtbar();

MacheNaviSichtbar(naviebene1);