/*

_pic(pfad,breite,hoehe,margin)
floatpic(pfad,breite,hoehe,richtung,margin)
bild(pfad,breite,hoehe,abstandOben,abstandUnten,kommentar,urheber)
linkbild(pfad,breite,hoehe,abstandOben,abstandUnten,kommentar,urheber,verweis,titel)

_Galerie_Bild_waehlen(param,verweis)
_Extragalerie_Grossbild_waehlen(param)
Galerie_Bild_waehlen(param)
Extragalerie_Bild_waehlen(param)
galerie_umgebung()
galerie_navigation()
Galerie_Bilddaten_hinzufuegen(name,breite,hoehe,text,urheber)
extragalerie_umgebung()
extragalerie_navigation()
extragalerie_gross_navigation()
Extragalerie_Bilddaten_hinzufuegen(name,breite,hoehe,text,urheber,ebreite,ehoehe,etext)
_thumbnail_ausgeben(pfad,name,index,jsfunc): html
thumbnail_ausgeben(bildcode,index,quickinfo): html
extrathumbnail_ausgeben(bildcode,index,quickinfo): html
Ebene_Grossbild_Zeigen()
Ebene_Standard_Zeigen()

baustelle()

Div_Blenden(div,zeit,typ)

_Tastenaktionen(umgebung,tastencode)
Tastenereignisse_Galerie(Ereignis)
Tastenereignisse_Extragalerie_normal(Ereignis
Tastenereignisse_Extragalerie_gross(Ereignis)

*/


//# Variablen und Konstanten
var prev = "prev";
var next = "next";
var standardbildbreite = 550;
var standardbildhoehe = 341;
var grossbildbreite = 988;
var grossbildhoehe = 611;
// Galeriebehaelter
var arrGalerie = new Array();
// Galeriebehaelter: Bildname, Bildbreite, Bildhoehe, Text, Urheberinfo
arrGalerie[1] = new Array();
var bildnummer = 0;
var aktuellerBildIndex = 0;
var galeriemodus = 'standardbild';
//#


/*
_pic(pfad,breite,hoehe,margin)
==
Baut den HTML-Code für eine allgemeine Grafik auf.
pfad = {<text>|Pfad zur Datei}
breite, hoehe = {<num>|Längenangabe in Pixeln}
margin = {<text>|Längenangabe nach css-Standard für eine oder vier Seiten}
*/
function _pic(pfad,breite,hoehe,margin) {
  var html;
  html = '<p style="margin: ' + margin + ';padding:0; text-align: center;">';
    html += '<img src="' + pfad + '" style="margin: 0 auto;"';
    if (breite) {html += 'width="' + breite + '" ';}
    if (hoehe) {html += 'height="' + hoehe + '" ';}
    html += '/>';
  html += '</p>';
  return html;
}

/*
bild(pfad,breite,hoehe,abstandOben,abstandUnten,kommentar,urheber)
*/
function bild(pfad,breite,hoehe,abstandOben,abstandUnten,kommentar,urheber) {
  var html;

  html = '<div style="margin: '+ abstandOben + ' auto ' + abstandUnten + ' auto; text-align: center;">';

  if (hoehe) {
    html += '<div style="height: ' + hoehe + 'px; width: ' + breite + 'px; overflow: hidden; margin: auto">';
  } else {
    html += '<div style="overflow: hidden; margin: auto;">';
  }
  html += _pic(pfad,breite,hoehe,'0 auto 0 auto');
  html += '</div>';
    if (kommentar || urheber) {
      html += '<p style="margin-top: 0.1em; text-align: center; font-size: 0.69em;">' + kommentar;
      if (urheber) {html += ' <span style="color: gray;">(' + urheber + ')</span>';}
      html += '</p>';
    }
  html += '</div>';
  return html;
}


/*
linkbild(pfad,breite,hoehe,abstandOben,abstandUnten,kommentar,urheber,verweis)
*/
function linkbild(pfad,breite,hoehe,abstandOben,abstandUnten,kommentar,urheber,verweis,titel) {
  var html = '';
//  if (abstandOben) {
//    html = '<div style="margin: ' + abstandOben + ' auto ' + abstandUnten + ' auto;">';
//  } else {
//    html = '<div style="margin: 1em auto">';
//  }
//  if (hoehe) {
//    html += '<div style="height: ' + hoehe + 'px; width: ' + breite + 'px; overflow: hidden;">';
//  } else {
//    html += '<div style="overflow: hidden;">';
//  }
    //* Abbildung innerhalb eines a-tags einbetten und diverse Anpassungen durchfuehren
    html += '<a href="' + verweis + '" style="cursor: pointer;" title="' + titel + '">';
      html += '<img src="' + pfad + '" style="border: none; margin: 0 auto;"';
        if (breite) {html += 'width="' + breite + '" ';}
        if (hoehe) {html += 'height="' + hoehe + '" ';}
      html += '/>';
    html += '</a>';
    //*
//  html += '</div>';
    if (kommentar || urheber) {
      html += '<p style="margin-top: 0.1em; text-align: center; font-size: 0.69em;">' + kommentar;
      if (urheber) {html += ' <span style="color: gray;">(' + urheber + ')</span>';}
      html += '</p>';
    }
//  html += '</div>';
  return html;
}


/*
floatpic(pfad,breite,hoehe,richtung,margin)
*/
function floatpic(pfad,breite,hoehe,richtung,margin) {
  var html = '';
  html += '<img align="' + richtung + '" src="' + pfad + '" width="' + breite + '" height="' + hoehe + '" style="margin: '+ margin + ';" />';
  return html;
}


/*
_Galerie_Bild_waehlen(param,verweis)
*/
function _Galerie_Bild_waehlen(param,verweis,tooltip) {
  var html = '';
  var name, breite, hoehe, text, kurztext, urheberinfo;

  // Thumbnailmarkierung aktualisieren
  document.getElementById('thumbnail' + aktuellerBildIndex).className = "thumbnail";

  // Neuen aktuellen Bildindex setzen
  if (param=="next") {aktuellerBildIndex = aktuellerBildIndex + 1;}
  if (param=="prev") {aktuellerBildIndex = aktuellerBildIndex - 1;}
  if (!isNaN(param)) {aktuellerBildIndex = param;}
  //Korrektiv
  if (aktuellerBildIndex > arrGalerie.length - 1) {
    aktuellerBildIndex = 0;
  } else {
    if (aktuellerBildIndex < 0) {
      aktuellerBildIndex = arrGalerie.length - 1;
    }
  }
  // Statuswerte aktualisieren
  var bildanzahl = arrGalerie.length;
  var bildnummer = aktuellerBildIndex + 1;
  // Aktuelle Bilddaten holen
  name = arrGalerie[aktuellerBildIndex][1];
  breite = arrGalerie[aktuellerBildIndex][2];
  hoehe = arrGalerie[aktuellerBildIndex][3];
  kurztext = arrGalerie[aktuellerBildIndex][4];
  text = arrGalerie[aktuellerBildIndex][6];
  urheberinfo = arrGalerie[aktuellerBildIndex][5];
  // Bilddaten umsetzen und zuweisen
  if (verweis) {
    html += linkbild(name,breite,hoehe,0,'0',kurztext,urheberinfo,verweis,tooltip);
  } else {
    html += bild(name,breite,hoehe,0,0,kurztext,urheberinfo);
  }
  document.getElementById('thumbnail' + aktuellerBildIndex).className = "thumbnailaktiv";
  document.getElementById("abbildung").innerHTML = html;

  // Kommentar zum Bild
  if (text) {
    document.getElementById("abbildungstext").innerHTML = text;
    document.getElementById("abbildungstext").style.display = 'block';
  } else {
    document.getElementById("abbildungstext").style.display = 'none';
  }
}


/*
_Extragalerie_Grossbild_waehlen(param)
*/
function _Extragalerie_Grossbild_waehlen(param,tooltip) {
  var html = '';
  var name, breite, hoehe, kurztext, text, urheberinfo;

  // Thumbnailmarkierung aktualisieren
  document.getElementById('thumbnail' + aktuellerBildIndex).className = "thumbnail";

  // Neuen aktuellen Bildindex setzen
  if (param=="next") {aktuellerBildIndex++;}
  if (param=="prev") {aktuellerBildIndex--;}
  if (!isNaN(param)) {aktuellerBildIndex = param;}
  //Korrektiv
  if (aktuellerBildIndex > arrGalerie.length - 1) {
    aktuellerBildIndex = 0;
  } else {
    if (aktuellerBildIndex < 0) {
      aktuellerBildIndex = arrGalerie.length - 1;
    }
  }

  // Statuswerte aktualisieren
  var bildanzahl = arrGalerie.length;
  var bildnummer = aktuellerBildIndex + 1;

  // Aktuelle Bilddaten holen
  name = arrGalerie[aktuellerBildIndex][6];
  breite = arrGalerie[aktuellerBildIndex][7];
  hoehe = arrGalerie[aktuellerBildIndex][8];
  kurztext = arrGalerie[aktuellerBildIndex][4];
  text = arrGalerie[aktuellerBildIndex][9];
  urheberinfo = arrGalerie[aktuellerBildIndex][5];
  // Bild vorladen
  aktuellesBild = new Image();
  aktuellesBild.src = arrGalerie[aktuellerBildIndex][6];
  // Bilddaten umsetzen und zuweisen
  html += linkbild(name,breite,hoehe,'0',standardbildabstandunten,kurztext,urheberinfo,'javascript:Ebene_Standard_Zeigen()',tooltip);
  document.getElementById('thumbnail' + aktuellerBildIndex).className = "thumbnailaktiv";
  document.getElementById("grossbild").innerHTML = html;
  document.getElementById("grossbild").style.opacity = 0;

  Div_Blenden(document.getElementById("grossbild"),90,'ein');

  // Anpassungen: Buttons, Kurzinfos
  // Navigationsleiste aktualisieren
  document.getElementById("egnavi_info").innerHTML = bildnummer + '/' + bildanzahl;

  // Kommentar zum Bild
  if (text) {
    html = '<p style="margin-top: 0.5em;">' + text + '<\/p>';
    document.getElementById("grossbild_text").innerHTML = html;
    document.getElementById("grossbild_text").style.display = 'block';
  } else {
    document.getElementById("grossbild_text").style.display = 'none';
  }
}


/*
Galerie_Bild_waehlen(param)
*/
function Galerie_Bild_waehlen(param) {
  _Galerie_Bild_waehlen(param,0);
}


/*
Extragalerie_Bild_waehlen(param)
*/
function Extragalerie_Bild_waehlen(param) {
  var quickinfo;
  if (galeriemodus == 'grossbild') {
    quickinfo = 'Zur Standardansicht wechseln';
    _Extragalerie_Grossbild_waehlen(param,quickinfo);
  } else {
    quickinfo = 'Zur Großbildansicht wechseln';
    _Galerie_Bild_waehlen(param,'javascript:Ebene_Grossbild_Zeigen()',quickinfo);
  }
}


/*
galerie_umgebung()
==
Erzeugt HTML-Code für die Navigation durch die Thumbnails
*/
function galerie_umgebung() {
  var html = '';
  // Thumbnails
  html += '<div id="thumbnails"></div>';
  //html += '<div id="thumbnailNavi">' + galerie_navigation() + '</div>';
  // Aktuelles Bild
  html += '<div id="abbildung" class="abbildung"></div>';
  html += '<div id="abbildungstext"></div>';
  return html;
}


/*
galerie_navigation()
==
Erzeugt HTML-Code für die Navigation durch die Thumbnails
*/
function galerie_navigation() {
  var html = '';

  // Buttons
  html += '<div class="rahmendrum" style="padding: 5px 5px 5px 5px;margin-top: 2px;">';
    html += '<table cellpadding="0" cellspacing="0">';
      html += '<tr>';
        html += '<td style="padding: 0 5px 0 0;">';
          html += '<input ';
            html += 'type="button" class="button" id="navBildPrev" ';
            html += 'onclick="Galerie_Bild_waehlen(prev)" ';
            html += 'value="Voriges Bild" ';
          html += '/>';
        html += '<\/td>';
        html += '<td>';
          html += '<input ';
            html += 'type="button" class="button" id="navBildNext" ';
            html += 'onclick="Galerie_Bild_waehlen(next)" ';
            html += 'value="Nächstes Bild" ';
          html += '/>';
        html += '<\/td>';
        html += '<td>';
          html += '<span id="navi_info"><\/span>';
        html += '<\/td>';
      html += '<\/tr>';
    html += '<\/table>';
  html += '</div>';

  return html;
}


/*
extragalerie_umgebung()
*/
function extragalerie_umgebung() {
  var html = '';
  // Thumbnails
  html += '<div id="thumbnails"></div>';
  html += '<div id="thumbnailNavi">' + extragalerie_navigation() + '</div>';
  // Aktuelles Bild
  html += '<div id="abbildung" class="abbildung"></div>';
  html += '<div id="abbildungstext"></div>';
  return html;
}


/*
extragalerie_navigation()
==
Erzeugt HTML-Code für die Navigation durch die Thumbnails
*/
function extragalerie_navigation() {
  var html = '';

  // Buttons
  html += '<div class="rahmendrum" style="padding: 5px 5px 5px 5px;">';
    html += '<table style="float:left;" cellpadding="0" cellspacing="0">';
      html += '<tr>';
        html += '<td style="padding-right: 5px;">';
          html += '<input ';
            html += 'type="button" class="button" id="navBildPrev" ';
            html += 'onclick="Extragalerie_Bild_waehlen(prev)" ';
            html += 'value="Voriges Bild" ';
          html += '/>';
        html += '<\/td>';
        html += '<td style="padding-right: 5px;">';
          html += '<input ';
            html += 'type="button" class="button" id="navBildNext" ';
            html += 'onclick="Extragalerie_Bild_waehlen(next)" ';
            html += 'value="Nächstes Bild" ';
          html += '/>';
        html += '<\/td>';
        html += '<td>';
          html += '<span id="navi_info"><\/span>';
        html += '<\/td>';
      html += '<\/tr>';
    html += '<\/table>';
    html += '<table style="float:right;" cellpadding="0" cellspacing="0">';
      html += '<tr>';
        html += '<td style="padding: 0">';
          html += '<input ';
            html += 'type="button" class="button" id="navBildGross" ';
            html += 'onclick="Ebene_Grossbild_Zeigen()" ';
            html += 'value="Großbild" ';
          html += '/>';
        html += '<\/td>';
      html += '<\/tr>';
    html += '<\/table>';
    html += '<div style="clear:both;"><\/div>';
  html += '</div>';

  return html;
}


/*
extragalerie_gross_navigation()
==
Erzeugt HTML-Code für die Navigation in der Grossbildansicht einer Extragalerie
*/
function extragalerie_gross_navigation() {
  var html = '';
  html += '<div class="rahmendrum" style="padding: 5px 5px 5px 5px;">';
  html += '<table style="float:left" cellpadding="0" cellspacing="0">';
    html += '<tr>';
      html += '<td style="padding-right: 5px;">';
        html += '<input ';
          html += 'type="button" class="button" id="maxibildprev" ';
          html += 'onclick="Extragalerie_Bild_waehlen(prev)" ';
          html += 'value="Voriges Bild" ';
        html += '/>';
      html += '<\/td>';
      html += '<td>';
        html += '<input ';
          html += 'type="button" class="button" id="maxibildnext" ';
          html += 'onclick="Extragalerie_Bild_waehlen(next)" ';
          html += 'value="Nächstes Bild" ';
        html += '/>';
      html += '<\/td>';
      html += '<td>';
        html += '<span id="egnavi_info"><\/span>';
      html += '<\/td>';
    html += '<\/tr>';
  html += '<\/table>';
  html += '<table style="float:right;" cellpadding="0" cellspacing="0">';
    html += '<tr>';
      html += '<td style="padding: 0">';
        html += '<input ';
          html += 'type="button" class="button" id="GBN_wechsel" ';
          html += 'onclick="Ebene_Standard_Zeigen()" onfocus="this.blur()" ';
          html += 'value="Standardansicht" ';
          html += 'title="Zur Normalansicht wechseln" ';
        html += '\/>';
      html += '<\/td>';
    html += '<\/tr>';
  html += '<\/table>';
  html += '<div style="clear: both;"><\/div>';
  html += '<\/div>';
  return html;
}


/*
Galerie_Bilddaten_hinzufuegen(name,breite,hoehe,text,urheber)
==
Fügt Bilddaten ins globale Bild-Array ein. Fügt zugleich Textdaten zum Bild in ein paralleles Text-Array zum Bild-Array.
*/
function Galerie_Bilddaten_hinzufuegen(name,breite,hoehe,text,spezialtext,urheber) {
  var arrBilddaten = new Array();
  arrBilddaten[1] = name + 'n.jpg';
  arrBilddaten[2] = breite;
  arrBilddaten[3] = hoehe;
  arrBilddaten[4] = text;
  arrBilddaten[5] = urheber;
  arrBilddaten[6] = spezialtext;
  arrGalerie.push(arrBilddaten);
}


/*
Extragalerie_Bilddaten_hinzufuegen(name,breite,hoehe,text,urheber,ebreite,ehoehe,etext)
*/
function Extragalerie_Bilddaten_hinzufuegen(name,breite,hoehe,text,urheber,ebreite,ehoehe,etext) {
  var arrBilddaten = new Array();
  arrBilddaten[1] = name + 'n.jpg';
  arrBilddaten[2] = breite;
  arrBilddaten[3] = hoehe;
  arrBilddaten[4] = text;
  arrBilddaten[5] = urheber;
  arrBilddaten[6] = name + 'b.jpg';
  arrBilddaten[7] = ebreite;
  arrBilddaten[8] = ehoehe;
  arrBilddaten[9] = etext;
  arrGalerie.push(arrBilddaten);
}


/*
_thumbnail_ausgeben(pfad,name,index,jsfunc): html
==
Erzeugt HTML-Code für ein Thumbnail nach festgelegter Norm.
Norm (xxxxtn.jpg)
*/
function _thumbnail_ausgeben(pfad,name,index,jsfunc,quickinfo) {
  var html = '';

  html += '<div class="thumbnail" id="thumbnail' + index + '">';
    html += '<div class="imgdiv">';
      html += '<img ';
        html += 'onmouseover="' + jsfunc + '" src="' + pfad;
          if (name<1000) {html += '0';}
          if (name<100) {html += '0';}
          if (name<10) {html += '0';}
        html += name + 't.jpg"';
        html += ' alt=""';
        html += ' title=""';
        html += ' height="50" width="50"';
      html += '\/>';
    html += '<\/div>';
  html += '<\/div>';

  return html;
}
function _textthumbnail_ausgeben(pfad,name,index,jsfunc,quickinfo) {
  var html = '';

  html += '<div class="thumbnail" id="thumbnail' + index + '" style="margin-right: 0px;">';
    //html += '<div class="imgdv">';
      html += '<p onmouseover="' + jsfunc +'" style="padding: 0 3px 0  3px; cursor: pointer;">' + quickinfo + '</p>';
    //html += '<\/div>';
  html += '<\/div>';

  return html;
}


/*
thumbnail_ausgeben(bildcode,index,quickinfo): html
*/
function thumbnail_ausgeben(pfad,name,index,quickinfo) {
  return _thumbnail_ausgeben(pfad,name,index,'Galerie_Bild_waehlen(' + index + ')',quickinfo);
}
function textthumbnail_ausgeben(pfad,name,index,quickinfo) {
  return _textthumbnail_ausgeben(pfad,name,index,'Galerie_Bild_waehlen(' + index + ')',quickinfo);
}


/*
extrathumbnail_ausgeben(bildcode,index,quickinfo): html
*/
function extrathumbnail_ausgeben(pfad,name,index,quickinfo) {
  return _thumbnail_ausgeben(pfad,name,index,'Extragalerie_Bild_waehlen(' + index + ')',quickinfo);
}
function extratextthumbnail_ausgeben(pfad,name,index,quickinfo) {
  return _textthumbnail_ausgeben(pfad,name,index,'Extragalerie_Bild_waehlen(' + index + ')',quickinfo);
}


/*
Ebene_Grossbild_Zeigen()
*/
function Ebene_Grossbild_Zeigen() {
  if (galeriemodus != 'grossbild') {
    galeriemodus = 'grossbild';
    // Normalebene: Deaktivierung des ursprünglich gewählten Thumbnails
    document.getElementById('thumbnail' + aktuellerBildIndex).className = "thumbnail";
    // Normalebene inaktivieren
    document.getElementById("ebene_standard").style.display = 'none';
    // Großbildebene aktivieren und transparent machen
    document.getElementById("ebene_grossbild").style.display = 'block';
    document.getElementById("ebene_grossbild").style.opacity = 0;
    //document.getElementById("ContainerMaxi").style.filter = 'Alpha(opacity=0)';
    document.getElementById("grossbild_navi").innerHTML = extragalerie_gross_navigation();
    // Großbildebene: Informationen aktualisieren
    Extragalerie_Bild_waehlen(aktuellerBildIndex);
    // Großbildebene durch Einblenden sichtbar machen
    Div_Blenden(document.getElementById("ebene_grossbild"),100,'ein');
    //Div_Blenden(document.getElementById("ebene_normalbild"),0,'aus');
    document.getElementById("grossbild_galerie").innerHTML = document.getElementById("thumbnails").innerHTML;
    document.getElementById("thumbnails").innerHTML = '';
    // Tastenereignisse zuweisen
    document.onkeydown = Tastenereignisse_Extragalerie_gross;
  }
}


/*
Ebene_Standard_Zeigen()
*/
function Ebene_Standard_Zeigen() {
  if (galeriemodus != 'standardbild') {
    galeriemodus = 'standardbild';
    Div_Blenden(document.getElementById("ebene_grossbild"),100,'aus');
    window.setTimeout(function() {
      document.getElementById("ebene_grossbild").style.display = 'none';
      document.getElementById("thumbnails").innerHTML = document.getElementById("grossbild_galerie").innerHTML;
      document.getElementById("grossbild_galerie").innerHTML = '';
      // Tastenereignisse zuweisen
      document.onkeydown = Tastenereignisse_Extragalerie_normal;
    },200);
    document.getElementById("ebene_standard").style.display = 'block';
    Extragalerie_Bild_waehlen(aktuellerBildIndex,0);
  }
}


/*
baustelle()
*/
function baustelle() {
  var html =  '';
    html += '<p class="kurzinfo">Gerne hätten wir Sie hier begrüßt, doch leider ist das noch eine BAUSTELLE. ';
    html += 'Bitte schauen Sie etwas später noch einmal herein. Danke.';
  html += '</p>';
  return html;
}


/*
Div_Blenden(div,zeit,typ)
==
Blendet ein div-Behälter ein oder aus. Abhängig vom Browser geschieht dies in einem fließenden Übergang.
div = {<text>|div-Element}
zeit = {<num>|Zeit des Übergangs}
typ = {[aus],[ein]|Ausblenden oder Einblenden}
*/
function Div_Blenden(div,zeit,typ) {
  var zeitschritt = zeit / 5;
  var y=0;
  opaz = new Array(0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1);

  if (typ == 'aus') {
    var aktiv = window.setInterval(
      function() {
        div.style.opacity = opaz[10-y];
        //div.style.filter = 'Alpha(opacity=' + (100 * opaz[10-2*y]) + ')';
        y++;
      },
      zeitschritt
    );
  }
  if (typ == 'ein') {
    div.style.opacity = 0;
    //div.style.filter = 'Alpha(opacity=0)';
    div.style.display = 'block';
    var aktiv = window.setInterval(
      function() {
        div.style.opacity = opaz[y];
        //div.style.filter = 'Alpha(opacity=' + (100 * opaz[2*y]) + ')';
        y++;
      },
      zeitschritt
    );
  }
  if (y>10) {window.clearInterval(aktiv);}
}








/*
_Tastenaktionen(umgebung,tastencode)
*/
function _Tastenaktionen(umgebung,tastencode) {

  if (umgebung == 'galerie') {
    if (tastencode == 37) { //Pfeil rechts
      Galerie_Bild_waehlen(prev);
    }
    if (tastencode == 39) {//Pfeil links
      Galerie_Bild_waehlen(next);
    }
    if (tastencode == 13) {//Entertaste
      Galerie_Bild_waehlen(next);
    }
  }

  if (umgebung == 'extragalerie_normal') {
    if (tastencode == 37) { //Pfeil rechts
      Extragalerie_Bild_waehlen(prev);
    }
    if (tastencode == 39) {//Pfeil links
      Extragalerie_Bild_waehlen(next);
    }
    if (tastencode == 13) {//Entertaste
      document.onkeydown = 0;
      Ebene_Grossbild_Zeigen();
    }
  }

  if (umgebung == 'extragalerie_gross') {
    if (tastencode == 37) { //Pfeil rechts
      Extragalerie_Bild_waehlen(prev);
    }
    if (tastencode == 39) {//Pfeil links
      Extragalerie_Bild_waehlen(next);
    }
    if (tastencode == 13) {//Entertaste
      document.onkeydown = 0;
      Ebene_Standard_Zeigen();
    }
  }
}

/*
Tastenereignisse_Galerie(Ereignis)
Tastenereignisse_Extragalerie_normal(Ereignis
Tastenereignisse_Extragalerie_gross(Ereignis)
*/
function Tastenereignisse_Galerie(Ereignis) {
  var tastencode;
  //#fuer Firefox
  if (!Ereignis) {Ereignis = window.event;}
  //#
  //# Tastencode ermitteln
  if (Ereignis.which) {//Netscape Syntax
    tastencode = Ereignis.which;
  } else if (Ereignis.keyCode) {//Microsoft Syntax
    tastencode = Ereignis.keyCode;
  }
  //#
  _Tastenaktionen('galerie',tastencode);
}
function Tastenereignisse_Extragalerie_normal(Ereignis) {
  var tastencode;
  //#fuer Firefox
  if (!Ereignis) {Ereignis = window.event;}
  //#
  //# Tastencode ermitteln
  if (Ereignis.which) {//Netscape Syntax
    tastencode = Ereignis.which;
  } else if (Ereignis.keyCode) {//Microsoft Syntax
    tastencode = Ereignis.keyCode;
  }
  //#
  _Tastenaktionen('extragalerie_normal',tastencode);
}
function Tastenereignisse_Extragalerie_gross(Ereignis) {
  var tastencode;
  //#fuer Firefox
  if (!Ereignis) {Ereignis = window.event;}
  //#
  //# Tastencode ermitteln
  if (Ereignis.which) {//Netscape Syntax
    tastencode = Ereignis.which;
  } else if (Ereignis.keyCode) {//Microsoft Syntax
    tastencode = Ereignis.keyCode;
  }
  //#
  _Tastenaktionen('extragalerie_gross',tastencode);
}


function TasteLosgelassen (Ereignis) {
  if (!Ereignis)
    Ereignis = window.event;
  if (Ereignis.which) {
    Tastencode = Ereignis.which;
  } else if (Ereignis.keyCode) {
    Tastencode = Ereignis.keyCode;
  }
}

//document.onkeydown = BildlaufsteuerungMitPfeiltasten;
//document.onkeyup = TasteLosgelassen;