//
//
// Copyright by R. Doberstein, Mannheim
//              info(at)doberstein.com
// All Rights reserved
//
//
// Version 0.3
// vom 09.08.2002

var ns  = 0;
var ns4 = 0;
var ns6 = 0;
var ie  = 0;

appNameS = navigator.appName;
appVersionF = parseFloat(navigator.appVersion);
appVersionI = parseInt(navigator.appVersion);

if ( appNameS.toLowerCase().indexOf("netscape") >= 0) ns =1;
if ( appNameS.toLowerCase().indexOf("explorer") >= 0) ie =1;

if ( ns == 1) {
  if ( appVersionI >= 5) {
    ns6 = 1;
    ns = 0;
  }
}
ns4 = ns;


///////////////////////////////////////////////                          set_pos                        ///////////////////

function set_pos (wo,wer,X,Y,wie){
        if ( ns == 1) {
                // alert ("In set_pos(NS) wo=" +wo+ ", wer=" +wer+ ", X=" +X+ ", Y=" +Y+ ",wie=" +wie );
                wer = "ns4" + wer;
                if ( eval (wo) && eval ( wo + "." + wer ) ) {
                        if ( wie == false) {
                                eval (wo + "." + wer + ".visibility = \"hide\"" );
                        }
                        if ( X >= 0 ) {
                                eval( wo + "." + wer + ".left = " + X + ";");
                                // alert ("go1, wer=" +wer+ ", X=" +X);
                        }
                        if ( Y >= 0 ) {
                                eval( wo + "." + wer + ".top = " + Y  + ";");
                                // alert ("go1, wer=" +wer+ ", Y=" +Y);
                        }
                        if ( wie == true ) {
                                eval  (wo + "." + wer + ".visibility = \"show\";" );
                                // alert (wo + "." + wer + ".visibility = \"show\";");
                                // alert (wo + "." + wer + ".visibility = \"show\", x=" +X+ ", y=" +Y);
                                // document.ReDoMenue1.visibility = "show";
                                // document.layers["ReDoMenue1"].visibility = "show";
                        }
                }        // if ( eval (wo) && eval ( wo + "." + wer ) && eval ( wo + "." + wer + ".left" )
        }
        if ( ie == 1) {
                if ( eval (wo) && eval (wo + ".all." + wer ) ){
                        if ( wie == false) {
                                eval (wo + ".all." + wer + ".style.visibility  = \"hidden\"" );
                        }
                        if ( X >= 0 ) {
                                eval( wo + ".all." + wer + ".style.left = " + X );}
                        if ( Y >= 0 ) {
                                eval( wo + ".all." + wer + ".style.top = " + Y);}
                        if ( wie == true ) {
                                eval (wo + ".all." + wer + ".style.visibility  = \"visible\"" );
                        }
                }        // if ( eval (wo) && eval (wo + ".all." + wer ) && eval (wo + ".all." + wer + ".style.left" )
        }
        if ( ns6 == 1) {
        // alert ("NS6");
                if ( eval (wo) &&
                  eval ( wo + ".getElementById(\"" + wer + "\")" ) ){
                       // alert ("existiert");
                        // warten();
                        if ( wie == false) {
                                eval (wo + ".getElementById(\"" + wer + "\").style.visibility  = \"hidden\"" );
                        }
                        // warten();
                        if ( X >= 0 ) {
                           // eval( "xx = " + wo + ".getElementById(\"" + wer + "\").style.left" )
                           // xx = document.getElementById("Element1").style.left;
                           // alert ("x=" + xx );
                           // alert ("wo=" + wo+ ", wer=" +wer);
                                eval( wo + ".getElementById(\"" + wer + "\").style.left = " + X );}
                        // warten();
                        if ( Y >= 0 ) {
                                eval( wo + ".getElementById(\"" + wer + "\").style.top = " + Y);}
                        // warten();
                        if ( wie == true ) {
                                eval (wo + ".getElementById(\"" + wer + "\").style.visibility  = \"visible\"" );
                        }
                        // warten();
                }        // if ( eval (wo) && eval (wo + ".all." + wer ) && eval (wo + ".all." + wer + ".style.left" )
        }
}                  // function set_pos(wer,X,Y)




///////////////////////////////////////////////                          get_parameter                      ///////////////////

function get_parameter (wo,wer, was ){
  erg = 0;
  // alert ("get_parameter");
  if ( ns == 1) {
    // alert ("In set_pos(NS) wo=" +wo+ ", wer=" +wer+ ", X=" +X+ ", Y=" +Y+ ",wie=" +wie );
    wer = "ns4" + wer;
    // alert ("ns4, wo = " +wo+ ", wer = " +wer);
    if ( eval (wo) && eval ( wo + "." + wer ) ) {
      // alert ("ns4-exists");
      if ( was == "breite") {
        eval( "erg = " + wo + "." + wer + ".clip.width");
        // alert ("ns4: breite = " + erg);
        // eval( "erg = " + wo + ".all." + wer + ".offsetWidth " );
        // alert ("breite= " +erg);
      }
      if ( was == "hoehe") {
        eval( "erg = " + wo + "." + wer + ".clip.height");
        // alert ("ns4: hoehe = " + erg);
        // alert ("hoehe= " +erg);
      }
    }        // if ( eval (wo) && eval ( wo + "." + wer ) && eval ( wo + "." + wer + ".left" )
  }
  if ( ie == 1) {
    if ( eval (wo) && eval (wo + ".all." + wer ) ){
      if ( was == "breite") {
        eval( "erg = " + wo + ".all." + wer + ".offsetWidth " );
        // alert ("breite= " +erg);
      }
      if ( was == "hoehe") {
        eval( "erg = " + wo + ".all." + wer + ".offsetHeight " );
        // alert ("hoehe= " +erg);
      }
    }        // if ( eval (wo) && eval (wo + ".all." + wer ) && eval (wo + ".all." + wer + ".style.left" )
  }
  if ( ns6 == 1) {
    if ( eval (wo) && eval ( wo + ".getElementById(\"" + wer + "\")" ) ){
      if ( was == "breite") {
        eval( "erg = " + wo + ".getElementById(\"" + wer + "\").offsetWidth");
      }
      // alert ("was = " +was);
      if ( was == "hoehe") {
        eval( "erg = " + wo + ".getElementById(\"" + wer + "\").offsetHeight");
        // alert ( "hoehe=" + document.getElementById("Element1").offsetHeight );
      }
      // xx = document.getElementById("tst1").style.left;
      // alert ( "links =" + xx);
      // alert ( "breite=" + document.getElementById("tst1").offsetWidth);
      // document.getElementById("tst1").style.left = 50;
    }        // if ( eval (wo) && eval (wo + ".all." + wer ) && eval (wo + ".all." + wer + ".style.left" )
  }
  return erg;
}                  // function get_parameter (wer,X,Y)




function StartAufbau()
{
/*
  intro = "" +
        "<layer id='ns4introx'><div id='introx' >" +
        "<table width='99%'><tr>" +
        "<td align='center' class='intro'>Bilder zur Taufe von Marleen Walther</td>" +
        "</tr>" +
        "<tr><td align='right' class='introKlein'>(c) by R. Doberstein, Mannheim</td></tr>" +
        "<tr><td class='introKlein'>&nbsp;</td></tr>" +
        "</table>" +
        "</div></layer>";
  document.writeln ( intro );
*/
  breite_zweiterlauf = false;
  for ( i=1; i <= BilderListe.length; i++) {
    out = '<layer id="%LayerNummer%" class="BildElement">' +
    "<div id='%DivNummer%' class='BildElement'>" +
    "<table border='0'>" +
    "<tr>" +
      "<td><a href='javascript:void(0)' onclick='oeffne(\"bilder.html?pic=%BildNmr%\")'><img src='%quelle%' name='%BildNummer%' border='0'></a></td>" +
    "</tr>" +
    "<tr>" +
      "<td align='right' class='KleineSchrift'>%bildnummer%</td>" +
    "</tr>" +
    "</table>" +
    "</div>" +
    "</layer>"

    bn = BilderListe[i].pic_klein.name;
    out = austausch (out, "%quelle%", bn);
    out = austausch (out, "%bildname%", bn);
    out = austausch (out, "%bildnummer%", i);
    if ( BilderListe[i].pic.width > 0 ) {
      out = austausch (out, "%Bildbreite%", "width=" + Math.floor (BilderListe[i].pic.width *0.25));
    } else {
      out = austausch (out, "%Bildbreite%", "width=1" );
      breite_zweiterlauf = true;
    }
    out = austausch (out, "%breite%", BilderListe[i].pic.width);
    out = austausch (out, "%BildNummer%", "Bildnummer" + i );
    out = austausch (out, "%BildNmr%", i );
    out = austausch (out, "%DivNummer%", "Stueck" + i );
    out = austausch (out, "%LayerNummer%", "ns4Element" +i );
    document.writeln (out);
    // alert ("i=" +i+ ", out=" +out);
  }
  preLoad (1);
  setTimeout("Anordnen()", 1000);
} // function StartAufbau()


function oeffne(wohin)
{
  var win;
  win = window.open(wohin, "bilder", "height=740,width=820,location=0,menubar=0,resizable=1,status=0,toolbar=0,scrollbars=1");
  win.focus();
} // function oeffne(wohin)

function uebersicht()
{
  opener.focus();
}

function StartBilder()
{
  param = window.location.search;
  suchstring = "pic=";
  p = param.indexOf( suchstring );
  if ( p >=0) {
    param = param.substr(p + suchstring.length , param.length);
  }
  suchstring = "&";
  p = param.indexOf( suchstring );
  if ( p >=0) {
    param = param.substr(0, p);
  }
  // alert (param);
  StartAufbauBilder ( param )
}

var AktuelleBildnummer;
function StartAufbauBilder(bildnummer)
{
// alert ("StartAufbauBilder(bildnummer), bildnummer=" + bildnummer);
    out = "<center>" +
        "<table >" +
        "</tr>" +
        // "<tr>" +
        // "<td align='left' colspan='2' class='navigation'><a href='index.html'><b>&lt;-&nbsp;&Uuml;bersicht</b></a><br>&nbsp;</td>\n" +
        // "</tr>" +
        "<tr>" +
        "<td align='center' valign=top width='%kleinBildBreit%' height='%kleinBildHoehe%'>" +
        "<a href='javascript:vorher()'>" +
        "<img name='vorherPfeil' width='64' height='64'src='%vorherPfeil%' " +
        "border='0' alt='Vorheriges Bild'>" +
        "</a><br>" +
        "<div id='vorherID'><a href='javascript:vorher()'>" +
        "<img name='vorher' %vorherWidth% %vorherHeight% src='%vorherBild%' " +
        "border='0' %filter% alt='Vorheriges Bild'></a></div>" +
        "</td>\r\n" +
        "" +
        "<td width='%BildBreite%' height='%BildHoehe%' align='center' valign='top'>" +
        "<div id='bildID'><img name='Bild' src='%Bild%' border='0' alt='Bild' %filterBild%></div></td>\n" +
        "" +
        "<td align='center' valign=top width='%kleinBildBreit%' height='%kleinBildHoehe%'>" +
        "<a href='javascript:nachher()'>" +
        "<img name='nachherPfeil' width='64' height='64'src='%nachherPfeil%' " +
        "border='0' alt='Nachfolgendes Bild'>" +
        "</a><br>" +
        "<div id='nachherID'><a href='javascript:nachher()'>" +
        "<img name='nachher' %nachherWidth% %nachherHeight% " +
        "src='%nachherBild%' border='0' %filter% alt='Nachfolgendes Bild'></a></div></td>\n" +
        "</tr>\n" +
        "" +
        "<tr>" +
        "<td></td>\n" +
        "<td valign=top align='right'><div id='bildTextID'><span class='KleineSchrift'>%BildName%</span></div></td>\n" +
        "<td></td>\n" +
        "</table></center>" +
        "\n\n"

/*
    out = "<center>" +
        "<table>" +
        "<tr>" +
        "<td valign=top></td>" +
        "<td ></td>" +
        "<td valign=top></td>" +
        "</tr>" +
        "<tr>" +
        "<td></td>" +
        "<td valign=top align='right'></td>" +
        "<td></td>" +
        "</tr>" +
        "</table></center>" +
        "" +
        "<div id='bildID'><img name='Bild' src='%Bild%' border='0' alt='Bild'></div>" +
        "<div id='bildTextID'><span class='KleineSchrift'>%BildName%</span></div>" +
        "<div id='vorherID'><a href='javascript:vorher()'><img name='vorher' %vorherWidth% %vorherHeight% src='%vorherBild%' " +
        "border='0' %filter% alt='Vorheriges Bild'></a></div>" +
        "<div id='nachherID'><a href='javascript:nachher()'><img name='nachher' %nachherWidth% %nachherHeight% src='%nachherBild%' " +
        "border='0' %filter% alt='Nachfolgendes Bild'></a></div>"
*/

    maxBildBreite = 0;
    maxBildHoehe = 0;
    maxBildMiniBreite = 0;
    maxBildMiniHoehe = 0;
    // for ( i =0; i< BilderListe.length; i++) {
    for ( i =0; i< 3; i++) {
      if ( !isNaN( maxBildBreite ) && maxBildBreite >0) { maxBildBreite = Math.max( maxBildBreite , BilderListe[i ].pic.width );}
      if ( !isNaN( maxBildHoehe ) && maxBildHoehe >0) { maxBildHoehe = Math.max( maxBildHoehe , BilderListe[i ].pic.width );}
      if ( !isNaN( maxBildMiniBreite ) && maxBildMiniBreite >0) { maxBildMiniBreite = Math.max( maxBildMiniBreite , BilderListe[i ].pic_klein.pic.width );}
      if ( !isNaN( maxBildMiniHoehe ) && maxBildMiniHoehe >0) { maxBildMiniHoehe = Math.max( maxBildMiniHoehe , BilderListe[i ].pic_klein.pic.width );}
      // alert ( "i=" +i+ ", maxBildBreite=" +BilderListe[i ].width+ ", maxBildHoehe=" +BilderListe[i ].height+ ", maxBildMiniBreite=" +BilderListe[i ].pic_klein.pic.width+ ", maxBildMiniHoehe=" +BilderListe[i ].pic_klein.pic.height );
    }
    if ( maxBildBreite == 0 ) maxBildBreite = Bilderbreite_default ;
    if ( maxBildHoehe == 0 ) maxBildHoehe = Bilderhoehe_default ;
    if ( maxBildMiniBreite == 0 ) maxBildMiniBreite = Bilderbreite_klein_default  ;
    if ( maxBildMiniHoehe == 0 ) maxBildMiniHoehe = Bilderhoehe_klein_default ;
    // alert ( "maxBildBreite=" +maxBildBreite+ ", maxBildHoehe=" +maxBildHoehe+ ", maxBildMiniBreite=" +maxBildMiniBreite+ ", maxBildMiniHoehe=" +maxBildMiniHoehe);
    out = austausch (out, "%kleinBildBreit%", maxBildBreite/10 );
    out = austausch (out, "%kleinBildBreit%", maxBildBreite/10 );
    out = austausch (out, "%kleinBildHoehe%", maxBildHoehe/10 );
    out = austausch (out, "%kleinBildHoehe%", maxBildHoehe/10 );
    out = austausch (out, "%BildBreite%", maxBildBreite );
    out = austausch (out, "%BildHoehe%", maxBildHoehe );

    if ( ns4 == 1 ) {
      out = austausch (out, "%filter%", "" );
      out = austausch (out, "%filter%", "" );
      out = austausch (out, "%filter%", "" );
      out = austausch (out, "%filter%", "" );
      out = austausch (out, "%filterBild%", "" );
    } else {
      // nur wenn nicht der NS4 verwendet wird.
      out = austausch (out, "%filter%", "style='filter:Gray()'" );
      out = austausch (out, "%filter%", "style='filter:Gray()'" );
      out = austausch (out, "%filter%", "style='filter:Gray()'" );
      out = austausch (out, "%filter%", "style='filter:Gray()'" );
      out = austausch (out, "%filterBild%", "style='filter:revealTrans(Duration=1 ,Transition=1)'" );
    }
    i = parseInt(bildnummer) ;
    if ( isNaN(i) == true ) ( i=1);
    // alert ("i=" +i);
    if ( i < 1) i=1;
    if ( i > BilderListe.length ) i=BilderListe.length;
    Loggen ( i);
    AktuelleBildnummer = i;
    bn = BilderListe[i].name;
    // alert ("bn = " + bn);
    out = austausch (out, "%Bild%", bn);
    Ausgabestring = BilderListe[i].beschreibung;
    if (Ausgabestring == "") {
      Ausgabestring = "%n"
    }
    bildname = BilderListe[i].name;
    suchstring = "/";
    p = bildname .indexOf( suchstring );
    while ( p >=0) {
      bildname = bildname.substr(p + suchstring.length , bildname .length);
      p = bildname .indexOf( suchstring );
    }
    Ausgabestring = austausch (Ausgabestring, "%n", bildname);
    out = austausch (out, "%BildName%", Ausgabestring );

    vorher_i = i-1;
    if ( vorher_i < 1 ) {
      vorher_pfeil = "bilder/endelinks.gif";
      vorher_bild = "bilder/nix.gif";
      vorher_breite = 64;
      vorher_hoehe = 64;
    } else {
      vorher_pfeil = "bilder/links.gif";
      vorher_bild = BilderListe[vorher_i ].name;
      vorher_breite = Math.floor ( BilderListe[vorher_i ].pic.width /10);
      vorher_hoehe = Math.floor ( BilderListe[vorher_i ].pic.height /10);
    }
    // alert ("1: vorher_breite=" +vorher_breite+ ", vorher_hoehe=" +vorher_hoehe );
    if ( vorher_breite == 0) vorher_breite = 64;
    if ( vorher_hoehe == 0) vorher_hoehe = 64;
    // alert ("2: vorher_breite=" +vorher_breite+ ", vorher_hoehe=" +vorher_hoehe );
    out = austausch (out, "%vorherPfeil%", vorher_pfeil );
    out = austausch (out, "%vorherBild%", vorher_bild );
    out = austausch (out, "%vorherWidth%", "width='" + vorher_breite +"'");
    out = austausch (out, "%vorherHeight%", "height='" + vorher_hoehe +"'");

    nacher_i = i+1;
    // alert ("nacher_i= " +nacher_i );
    if ( nacher_i > BilderListe.length ) {
      nachher_pfeil = "bilder/enderechts.gif";
      nachher_bild = "bilder/nix.gif";
      nachher_breite = 64;
      nachher_hoehe = 64;
    } else {
      nachher_pfeil = "bilder/rechts.gif";
      nachher_bild = BilderListe[ nacher_i  ].name;
      nachher_breite = Math.floor ( BilderListe[ nacher_i ].pic.width /10);
      nachher_hoehe = Math.floor ( BilderListe[ nacher_i ].pic.height /10);
    }
    // alert ("nachher_breite = " +nachher_breite  );
    // alert ("nachher_hoehe = " +nachher_hoehe   );
    // alert ("1: vorher_breite=" +vorher_breite+ ", vorher_hoehe=" +vorher_hoehe );
    if ( nachher_breite == 0) nachher_breite = 64;
    if ( nachher_hoehe == 0) nachher_hoehe = 64;
    // alert ("2: vorher_breite=" +vorher_breite+ ", vorher_hoehe=" +vorher_hoehe );
    out = austausch (out, "%nachherPfeil%", nachher_pfeil );
    out = austausch (out, "%nachherBild%", nachher_bild );
    out = austausch (out, "%nachherWidth%", "width='" + nachher_breite +"'");
    out = austausch (out, "%nachherHeight%", "height='" + nachher_hoehe +"'");


    // alert ("out=\n" +out);

    out = austausch (out, "%bildname%", bn );
    out = austausch (out, "%bildnummer%", i);
    if ( BilderListe[i].pic.width > 0 ) {
      out = austausch (out, "%Bildbreite%", "width=" + Math.floor (BilderListe[i].pic.width *0.25));
    } else {
      out = austausch (out, "%Bildbreite%", "width=1" );
      breite_zweiterlauf = true;
    }
    out = austausch (out, "%breite%", BilderListe[i].pic.width);
    out = austausch (out, "%BildNummer%", "Bildnummer" +i );
    out = austausch (out, "%DivNummer%", "Stueck" +i );
    document.writeln (out);
    preLoad ( i);
    // alert ("out=\n" + out);
    // alert ("AktuelleBildnummer = " + AktuelleBildnummer );
  // setTimeout("Anordnen()", 1000);
} // function StartAufbauBilder()






var ResizeTimer=0;
function MyResize()
{
  if ( ResizeTimer != 0 ) {
    clearTimeout(ResizeTimer);
    ResizeTimer =0;
  }
  if ( ns ==1) {
    ResizeTimer = setTimeout("location.reload();", 1000);
  } else {
    ResizeTimer = setTimeout("Anordnen()", 1000);
  }
}



function Anordnen()
{

  alles =1;
  ResizeTimer =0;
  Fensterbreite = 750; // defaultbreite
  if ( ie == 1) {
    Fensterbreite = document.body.clientWidth ;
  }
  if ( ns == 1 || ns6 ==1 ) {
    Fensterbreite = window.innerWidth;
  }
  // alert ("Anordnen(): Fensterbreite = " +Fensterbreite );
  Anzahl = Math.floor (( Fensterbreite - Bilderbreite_klein +BilderRand) / (Bilderbreite_klein + BilderRand));
  // alert ("Fensterbreite=" +Fensterbreite+ ", Anzahl=" +Anzahl );
  ObereGrenze = BilderRand;
  ObereGrenze = get_parameter ("document", "intro", "hoehe");
  hoehenMax = 0;
  y_max = Math.floor( BilderListe.length  / Anzahl);
  // y_max = BilderListe.length  / Anzahl;
  // alert ("Anordnen(): BilderListe.length = " +BilderListe.length );
  // alert ("Anordnen(): Anzahl = " + Anzahl  );
  // alert ("Anordnen(): y_max = " + y_max  );
  // y_max = parseInt( y_max );
  // alert ("Anordnen(): y_max = " + y_max  );
  for (y =0; y <= y_max; y++) {
    ObereGrenze = ObereGrenze + hoehenMax + BilderRand;
    hoehenMax = 0;
    // alert ("y=0");
    for ( x=0; x< Anzahl; x++) {
      i = y*Anzahl + x;
      // alert ("i=" +i+ ", x=" +x+ ", y=" +y);
      if ( i <= BilderListe.length ) {
        x_pos = x*( Bilderbreite_klein +BilderRand) + (Bilderbreite_klein / 2);
        breite = get_parameter ("document", "Stueck"+ (i+1), "breite");
        hoehe = get_parameter ("document", "Stueck"+ (i+1), "hoehe");
        // if ( breite <= 0 ) { alles=0}
        // if ( hoehe <= 0 ) { alles=0}
        hoehenMax = Math.max (hoehenMax, hoehe );
        // alert ("i=" +i+ ", Breite=" +breite+ ", Hoehe=" + hoehe);
        // alert ("i=" +i+ ", Höhe=" +hoehe+ ", hoehenMax=" +hoehenMax);
        x_pos = x_pos + (Bilderbreite_klein - breite)/2;
        set_pos ("document", "Stueck"+ (i+1), x_pos, ObereGrenze, false );
        // alert ("i=" +i+ ", x_pos=" +x_pos+ ", ObereGrenze=" +ObereGrenze);
        // set_pos ("document", "Stueck"+ (i+1), x_pos, 100, true );
      }
    }
    for ( x=0; x< Anzahl; x++) {
      i = y*Anzahl + x;
      if ( i < BilderListe.length ) {
        hoehe = get_parameter ("document", "Stueck"+ (i+1), "hoehe");
        diff = hoehenMax -hoehe;
        y_neu = ObereGrenze + diff;
        // alert ("i=" +i+ ", Höhe = " +hoehe+ ", diff = " +diff+ ", ObereGrenze = " + ObereGrenze+ ", y = " + y_neu );
        set_pos ("document", "Stueck"+ (i+1), -1, y_neu , true );
        nm = "Bildnummer" + (i+1);
        // alert ("i=" +i+ ", nm=" +nm);
        if ( ns == 1) {
          xx = eval ("document.ns4Element" + (i+1) + ".document.images[ \"" +nm+ "\" ].complete" )
          if ( xx != true) { alles=0}
        } else {
          if ( document.images[ nm].complete != true) { alles=0}
        }
      }
    }
  }
  if ( alles ==0) {
    setTimeout("Anordnen()", 1000);
  }
} // function Anordnen()



function DoPreLoad (was)
{
  p = new Image()
  p.src = was;
}

function preLoad(was )
{
  setTimeout("DoPreLoad('" + BilderListe[ was ].name + "')", 100)
  setTimeout("DoPreLoad('" + BilderListe[ was ].pic_klein.name + "')", 150)
  xx = was -1
  if ( xx > 0) {
    setTimeout("DoPreLoad('" + BilderListe[ xx ].name + "')", 200)
    setTimeout("DoPreLoad('" + BilderListe[ xx ].pic_klein.name + "')", 250)
  }
  xx = was +1
  if ( xx <= BilderListe.length ) {
    setTimeout("DoPreLoad('" + BilderListe[ xx ].name + "')", 300)
    setTimeout("DoPreLoad('" + BilderListe[ xx ].pic_klein.name + "')", 350)
  }
  xx = was -2
  if ( xx > 0) {
    setTimeout("DoPreLoad('" + BilderListe[ xx ].name + "')", 400)
    setTimeout("DoPreLoad('" + BilderListe[ xx ].pic_klein.name + "')", 450)
  }
  xx = was +2
  if ( xx <= BilderListe.length ) {
    setTimeout("DoPreLoad('" + BilderListe[ xx ].name + "')", 500)
    setTimeout("DoPreLoad('" + BilderListe[ xx ].pic_klein.name + "')", 550)
  }
  xx = was -3
  if ( xx > 0) {
    setTimeout("DoPreLoad('" + BilderListe[ xx ].name + "')", 600)
    setTimeout("DoPreLoad('" + BilderListe[ xx ].pic_klein.name + "')", 650)
  }
  xx = was +3
  if ( xx <= BilderListe.length ) {
    setTimeout("DoPreLoad('" + BilderListe[ xx ].name + "')", 700)
    setTimeout("DoPreLoad('" + BilderListe[ xx ].pic_klein.name + "')", 750)
  }
  xx = was -4
  if ( xx > 0) {
    setTimeout("DoPreLoad('" + BilderListe[ xx ].name + "')", 800)
    setTimeout("DoPreLoad('" + BilderListe[ xx ].pic_klein.name + "')", 850)
  }
  xx = was +4
  if ( xx <= BilderListe.length ) {
    setTimeout("DoPreLoad('" + BilderListe[ xx ].name + "')", 900)
    setTimeout("DoPreLoad('" + BilderListe[ xx ].pic_klein.name + "')", 950)
  }
}



function austausch(txt,orig,replace)
{
  txt = txt.replace(orig,replace);
  return txt;
}  // function ersetze(txt,orig,replace)



function nachher()
{
  neuesBild = parseInt(AktuelleBildnummer) +1;
  weiter = true;
  if ( neuesBild < 1) { neuesBild=1; weiter = false;}
  if ( neuesBild > BilderListe.length ) { neuesBild=BilderListe.length;  weiter = false;}
  // alert ("neuesBild=" +neuesBild );

  if ( weiter == true) {
    Loggen ( neuesBild);
    if ( ns4 ==1) {
    // if ( true ) {
      // neues Seite mit neuen Bildern laden
      param = window.location.href;
      suchstring = "pic=";
      p = param.indexOf( suchstring );
      if ( p >=0) {
        param = param.substr(0, p);
      }
      // alert ("Last = " + param.charAt(param.length -1));
      // existiert ein trenner?
      if ( param.charAt(param.length -1) != "?" && param.charAt(param.length -1) != "&") {
        // nein, nicht am Ende
        if ( param.indexOf( "?") >= 0 ) {
          param = param + "&";
        } else {
          param = param + "?";
        }
      }
      param = param + "pic=" + neuesBild;
      // alert ("param=" + param );
      window.location.href = param ;
    } else {
      // Direkt neues Bild zeigen

      // Kleines, vorheriges Bild bestimmen
      vorher_i = neuesBild -1;
      if ( vorher_i < 1 ) {
        vorher_pfeil = "bilder/endelinks.gif";
        vorher_bild = "bilder/nix.gif";
        vorher_breite = 64;
        vorher_hoehe = 64;
      } else {
        vorher_pfeil = "bilder/links.gif";
        vorher_bild = BilderListe[vorher_i ].pic_klein.name;
        vorher_breite = Math.floor ( BilderListe[vorher_i ].pic.width/10 );
        vorher_hoehe = Math.floor ( BilderListe[vorher_i ].pic.height/10 );
      }
      // alert ("1: vorher_breite=" +vorher_breite+ ", vorher_hoehe=" +vorher_hoehe );
      if ( vorher_breite == 0) vorher_breite = 64;
      if ( vorher_hoehe == 0) vorher_hoehe = 64;

      // Kleines, nächstens Bild bestimmen
      nacher_i = neuesBild +1;
      if ( nacher_i > BilderListe.length ) {
        nachher_pfeil = "bilder/enderechts.gif";
        nachher_bild = "bilder/nix.gif";
        nachher_breite = 64;
        nachher_hoehe = 64;
      } else {
        nachher_pfeil = "bilder/rechts.gif";
        nachher_bild = BilderListe[ nacher_i  ].pic_klein.name;
        nachher_breite = Math.floor ( BilderListe[ nacher_i ].pic.width/10 );
        nachher_hoehe = Math.floor ( BilderListe[ nacher_i ].pic.height/10 );
      }
      // alert ("1: vorher_breite=" +vorher_breite+ ", vorher_hoehe=" +vorher_hoehe );
      if ( nachher_breite == 0) nachher_breite = 64;
      if ( nachher_hoehe == 0) nachher_hoehe = 64;
      // alert ("vorher_bild=" + vorher_bild );
      // alert ("nacher_i=" + nacher_i );
      // alert ("nachher_bild=" + nachher_bild );
      // alert ("nachher_breite=" + Math.floor ( BilderListe[ nacher_i ].pic.width ) );
      // alert ("nachher_breite=" + nachher_breite );
      // alert ("nachher_hoehe=" + nachher_hoehe );

      document.images["vorher"].src = vorher_bild ;
      document.images["vorherPfeil"].src = vorher_pfeil ;
      document.images["nachherPfeil"].src = nachher_pfeil ;
      if ( ! isNaN(vorher_breite) && vorher_breite > 0) {document.images["vorher"].width = vorher_breite ;};
      if ( ! isNaN(vorher_hoehe) && vorher_hoehe > 0) {document.images["vorher"].height = vorher_hoehe ;};
      // alert ( "1) ...src=" + document.images["Nachher"].src );
      document.images["nachher"].src = nachher_bild ;
      // alert ( "2) ...src=" + document.images["Nachher"].src );
      if ( ! isNaN(nachher_breite) && nachher_breite > 0) {document.images["nachher"].width = nachher_breite ;};
      if ( ! isNaN(nachher_hoehe) && nachher_hoehe > 0) {document.images["nachher"].height = nachher_hoehe };

      possible = ["1","3","5","6","8","10","12","14","16","19"];
      nr = possible [ parseInt(Math.random() * possible.length) ];
      if ( ie ==1 ) document.images["Bild"].filters.revealTrans.Transition = nr;
      if ( ie ==1 ) document.images["Bild"].filters.revealTrans.Apply();
      document.images["Bild"].src = BilderListe[neuesBild ].name ;
      if ( ie ==1 ) document.images["Bild"].filters.revealTrans.Play();
      // alert ("x=" + x );

      out = "<span class='KleineSchrift'>%BildName%</span>";
      Ausgabestring = BilderListe[neuesBild].beschreibung;
      // alert ("nachher() (1) Ausgabestring = " +Ausgabestring );
      if (Ausgabestring == "") {
        Ausgabestring = "%n"
      }
      // alert ("nachher() (2) Ausgabestring = " +Ausgabestring );
      bildname = BilderListe[neuesBild].name;
      suchstring = "/";
      p = bildname .indexOf( suchstring );
      while ( p >=0) {
        bildname = bildname.substr(p + suchstring.length , bildname .length);
        p = bildname .indexOf( suchstring );
      }
      Ausgabestring = austausch (Ausgabestring, "%n", bildname);
      // alert ("nachher() (3) Ausgabestring = " +Ausgabestring );
      out = austausch (out, "%BildName%", Ausgabestring );
      // out = austausch (out, "%BildName%", bildname );
      document.getElementById("bildTextID").innerHTML = out;
    }
    preLoad ( neuesBild);
    AktuelleBildnummer = neuesBild ;
  }
} // function nachher()



// possible = ["0","2","4","7","9","11","12","13","15","18"];

function vorher()
{
  neuesBild = parseInt(AktuelleBildnummer) -1;
  weiter = true;
  if ( neuesBild < 1) { neuesBild=1; weiter = false;}
  if ( neuesBild > BilderListe.length ) { neuesBild=BilderListe.length;  weiter = false;}
  // alert ("neuesBild=" +neuesBild );

  if ( weiter == true) {
    Loggen ( neuesBild);
    if ( ns4 ==1) {
    // if ( true ) {
      // neues Seite mit neuen Bildern laden
      param = window.location.href;
      suchstring = "pic=";
      p = param.indexOf( suchstring );
      if ( p >=0) {
        param = param.substr(0, p);
      }
      // alert ("Last = " + param.charAt(param.length -1));
      // existiert ein trenner?
      if ( param.charAt(param.length -1) != "?" && param.charAt(param.length -1) != "&") {
        // nein, nicht am Ende
        if ( param.indexOf( "?") >= 0 ) {
          param = param + "&";
        } else {
          param = param + "?";
        }
      }
      param = param + "pic=" + neuesBild;
      // alert ("param=" + param );
      window.location.href = param ;
    } else {
      // Direkt neues Bild zeigen

      // Kleines, vorheriges Bild bestimmen
      vorher_i = neuesBild -1;
      if ( vorher_i < 1 ) {
        vorher_pfeil = "bilder/endelinks.gif";
        vorher_bild = "bilder/nix.gif";
        vorher_breite = 64;
        vorher_hoehe = 64;
      } else {
        vorher_pfeil = "bilder/links.gif";
        vorher_bild = BilderListe[vorher_i ].pic_klein.name;
        vorher_breite = Math.floor ( BilderListe[vorher_i ].pic.width/10 );
        vorher_hoehe = Math.floor ( BilderListe[vorher_i ].pic.height/10 );
      }
      // alert ("1: vorher_breite=" +vorher_breite+ ", vorher_hoehe=" +vorher_hoehe );
      if ( vorher_breite == 0) vorher_breite = 64;
      if ( vorher_hoehe == 0) vorher_hoehe = 64;
      // out = austausch (out, "%vorherPfeil%", vorher_pfeil );

      // Kleines, nächstens Bild bestimmen
      nacher_i = neuesBild +1;
      if ( nacher_i > BilderListe.length ) {
        nachher_bild = "bilder/enderechts.gif";
        nachher_breite = 64;
        nachher_hoehe = 64;
      } else {
        nachher_bild = BilderListe[ nacher_i  ].pic_klein.name;
        nachher_breite = Math.floor ( BilderListe[ nacher_i ].pic.width/10 );
        nachher_hoehe = Math.floor ( BilderListe[ nacher_i ].pic.height/10 );
      }
      // alert ("1: vorher_breite=" +vorher_breite+ ", vorher_hoehe=" +vorher_hoehe );
      if ( nachher_breite == 0) nachher_breite = 64;
      if ( nachher_hoehe == 0) nachher_hoehe = 64;
      // alert ("vorher_bild=" + vorher_bild );
      // alert ("nacher_i=" + nacher_i );
      // alert ("nachher_bild=" + nachher_bild );
      // alert ("nachher_breite=" + Math.floor ( BilderListe[ nacher_i ].pic.width ) );
      // alert ("nachher_breite=" + nachher_breite );
      // alert ("nachher_hoehe=" + nachher_hoehe );

      document.images["vorherPfeil"].src = vorher_pfeil ;
      document.images["nachherPfeil"].src = nachher_pfeil ;
      document.images["vorher"].src = vorher_bild ;
      if ( ! isNaN(vorher_breite) && vorher_breite > 0) {document.images["vorher"].width = vorher_breite ;};
      if ( ! isNaN(vorher_hoehe) && vorher_hoehe > 0) {document.images["vorher"].height = vorher_hoehe ;};
      // alert ( "1) ...src=" + document.images["Nachher"].src );
      document.images["nachher"].src = nachher_bild ;
      // alert ( "2) ...src=" + document.images["Nachher"].src );
      if ( ! isNaN(nachher_breite) && nachher_breite > 0) {document.images["nachher"].width = nachher_breite ;};
      if ( ! isNaN(nachher_hoehe) && nachher_hoehe > 0) {document.images["nachher"].height = nachher_hoehe };

      possible = ["0","2","4","7","9","11","12","13","15","18"];
      nr = possible [ parseInt(Math.random() * possible.length) ];
      if ( ie ==1 ) document.images["Bild"].filters.revealTrans.Transition = nr;
      if ( ie ==1 ) document.images["Bild"].filters.revealTrans.Apply();
      document.images["Bild"].src = BilderListe[neuesBild ].name ;
      if ( ie ==1 ) document.images["Bild"].filters.revealTrans.Play();
      // alert ("x=" + x );

      out = "<span class='KleineSchrift'>%BildName%</span>";
      Ausgabestring = BilderListe[neuesBild].beschreibung;
      if (Ausgabestring == "") {
        Ausgabestring = "%n"
      }
      bildname = BilderListe[neuesBild].name;
      suchstring = "/";
      p = bildname .indexOf( suchstring );
      while ( p >=0) {
        bildname = bildname.substr(p + suchstring.length , bildname .length);
        p = bildname .indexOf( suchstring );
      }
      Ausgabestring = austausch (Ausgabestring, "%n", bildname);
      out = austausch (out, "%BildName%", Ausgabestring );
      // out = austausch (out, "%BildName%", bildname );
      document.getElementById("bildTextID").innerHTML = out;
    }
    preLoad ( neuesBild);
    AktuelleBildnummer = neuesBild ;
  }
} // function vorher()



function Loggen (was)
{
  // alert ("Loggen: self.URL=" + document.URL );
  if ( document.URL.indexOf("file:") < 0 ){
    var x = new Image();
    woher = "http://www.doberstein.com/cgi-bin/note.pl?art=" +BilderLog+ "&txt=" + escape(was)
    // alert ("woher=" +woher);
    x.src = woher;
  }
} // function Loggen (was)

function ttest()
{
/*
  i=0;
  breite = get_parameter ("document", "Stueck"+ (i+1), "breite");
  hoehe = get_parameter ("document", "Stueck"+ (i+1), "hoehe");
  alert ("i=" +i+ ", Breite=" +breite+ ", Hoehe=" + hoehe);

  i=0;
  breite = get_parameter ("document", "Stueck1", "breite");
  hoehe = get_parameter ("document", "Stueck1", "hoehe");
  alert ("i=" +i+ ", Breite=" +breite+ ", Hoehe=" + hoehe);
*/
  i = 0;
  br = document.getElementById("Stueck1").offsetWidth;
  ho = document.getElementById("Stueck1").offsetHeight;
  oben = document.getElementById("Stueck1").offsetTop;
  // alert ("document.getElementById('Stueck1')= " + document.getElementById("Stueck1"))
  alert ("document.getElementById('Stueck1')= " + document.getElementById("Stueck1").offsetTop )
  alert ("i=" +i+ ", Breite=" +br+ ", Hoehe=" + ho+ ", oben=" +oben);
  // document.getElementById("Stueck2").offsetWidth = "99";

}