// ================================================================================================
// Bildergalerie steuern (Übersicht und Einzelbilder)
// Enthí¤lt auch die Bilderkommentare zu einer Seite
// ================================================================================================


// ------------------------------------------------------------------------------------------------

var i=0;
var i1;
var index = 0;
var picLayer_bu;         // Bildübersicht
var picLayer_eb;         // Einzelbild
var BildnameKurz;
var BildnameVoll;
var Minibildname;
var pairs = new Array(); // Grafikdateien und Bildkommentare 


// ------------------------------------------------------------------------------------------------

var picSubdir = 'bilder/galerie/';
var picBildname = 'b_';
var picMinibildname = 'm_';
var picErweiterung = '.jpg';
var BilderProZeile = 3;
var Spaltenbreite = 120;

pairs = 
  [
	{bnr:'mj1', titel:''},
	{bnr:'mj2', titel:''},
	{bnr:'mj3', titel:''}

  ];


// ------------------------------------------------------------------------------------------------

function intro() 
{
  picLayer_eb = document.getElementById('Einzelbild').style;
  picLayer_bu = document.getElementById('BilderUebersicht').style;

  uebersicht_generieren();
}


// ------------------------------------------------------------------------------------------------
// íœbersicht generieren
  
function uebersicht_generieren()
{
  var content = '<table style="width:"' + (Spaltenbreite * BilderProZeile) + '"px"><colgroup width="' + Spaltenbreite + 'px" span="' +  BilderProZeile + '"><\/colgroup>';

  do
  {
    content += '<tr>';
  
    for (i1 = 1; i1 <= BilderProZeile && i < pairs.length; i1++)
    {
      i++;
      
      BildnameKurz = picBildname + pairs[i - 1].bnr;
      BildnameVoll = picSubdir + picBildname + pairs[i - 1].bnr + picErweiterung;
      Minibildname = picSubdir + picMinibildname + pairs[i - 1].bnr + picErweiterung;
      
      content +='<td class="klein"><a href="' + BildnameVoll + '" onclick="FP_changeProp(\/*id*\/\'BilderUebersicht\',0,\'style.visibility\',\'hidden\'); FP_changeProp(\/*id*\/\'Einzelbild\',0,\'style.visibility\',\'visible\'); FP_changeProp(\/*id*\/\'VorZurueck\',0,\'style.visibility\',\'visible\');return choose(' + i + ');" onmouseup="window.location.href=\'#Top\'">';
      content +='<img src="' + Minibildname + '" border="0"><\/a><br />' + BildnameKurz + '<\/td>';
    }

    content += '<\/tr>';
  }
  while (i < pairs.length);

  content += '<\/table>';
  content += copyright();
  
  document.getElementById('BilderUebersicht').innerHTML = content;
}


// ------------------------------------------------------------------------------------------------
// Einzelbildsteuerung

function choose(nr) 
{ // Bilder entprechend der Klicks auf Thumbs wechseln
  index = nr - 1;
  display(index);
  return false;
}

function flip(direction) 
{ // Bilder durchblaettern
  if(picLayer_eb.visibility == "") 
  {
    display(0);
  }
else 
  {
    index += direction;
    if(index > pairs.length - 1) index = 0;
    else if(index < 0) index = pairs.length - 1;
    display(index);
  }
 return false;
}

function display(index) 
{ // Jeweiliges Bild anzeigen
  var nextPic = new Image();
  nextPic.src = picSubdir + picBildname + pairs[index].bnr + picErweiterung;
  var content = '<p><img src="'+ nextPic.src +'" alt="' + pairs[index].titel + '"></p>';
  content += '<p class="klein">(' + picBildname + pairs[index].bnr + ')<br /><br /></p><p>' + pairs[index].titel + '</p>'
  document.getElementById('Einzelbild').innerHTML = content;
  picLayer_bu.visibility = "hidden";
  picLayer_eb.visibility = "visible";
}


// ------------------------------------------------------------------------------------------------

function copyright()
{
  var content_copy = '<p class="klein"><br /><br /><br />© Max Jaeggi (alle Bilder/all pictures)</p>';

  return content_copy;
}


// ------------------------------------------------------------------------------------------------

window.onload = intro;