//-  preload  - Bilder in den Browsercache vorladen
//- Bilder aus dem Browsercache anzeigen
function imgErrorFunc(bild_art) {
  document.getElementById("top_menu_big_foto").innerHTML=" ";
  document.getElementById("ladeanzeige").innerHTML=
   "<span class=\"color_black\">"+
   "<br /><br /><br /><br /><br /><br />"+
   "<b>ACHTUNG: Bild oder Bildordner nicht vorhanden!</b><br />"+
   "fotocontent not loaded - contact: karl.csar@a1.net"+
   "<br /><br /><br /><br /><br /><br />"+
   "</span>";
}
var bildart=" ";
var anz=0;
var anz_geladene=0;
var content=" ";
var contentbig=" ";
var newLine=" ";
var tempLeft="0em";
var tempTop="0em";
//Hauptsteuerungsvariable === globale ============================
var fotoindex=0;
var g_ind=0;
var g_projekt=" ";
var anz_bilder=0;
var anz_bilderanzeige=0;
var anzGeladeneBilder=0;
var einzelbild=0;
var von_bilder=0;
var timeout_id=null; // um per clearTimeout() den Bildwechsel anzuhalten

//===================================================================
// Diese Funktion wird als Eventhändler verwendet.
// Sie zählt, wie viele Bilder geladen wurden und startet zu
// gegebenem Zeitpunkt den Bildwechsel.
function zaehleBilder() {
  if (++anzGeladeneBilder==anz_bilder) {
      Bildershow();
  }
  if (bildart=="BIG" || bildart=="THU"){
       if (bildart=="THU")
          anz_geladene = anzGeladeneBilder;
       else
           anz_geladene = anzGeladeneBilder - (anzThu_bilder);
       if (anz_geladene<0) //THU-Bilder noch nicht alle geladen
           return;
       else {
           g_ind = g_ind + 1;
           document.getElementById("ladeanzeige").innerHTML=
           "<div> "+
           "<img  src=\""+imgThu_src[g_ind]+"\""+       //imgThu_obj[g_ind].src
           "alt=\""+imgTxt[g_ind]+"\" /> <br />"+
            +anz_geladene+"</b>&nbsp;von&nbsp;<b>"+von_bilder+"</b>&nbsp;geladen ("+bildart+")"+
           "</div>";
        }
  }
}
function preloadAufruf(id_projekt){
   anz_bilder=0;
   anzGeladeneBilder=0;
   anz_geladene=0;
   anz_bilderanzeige=0;
   g_projekt=id_projekt; //gobale Variabel 'projekt' initieren

   window.setTimeout('preload()', 3000);
}
function preload() {
 // - Wir weisen den Händler vor der URL zu, damit nicht ein Bild schon
 //   vor der Zuweisung des Händlers  geladen wird. Der Händler würde
 //   dann nie aufgerufen werden.
 // - Einzeltabelle auf Globaletabllen laden

 //scroll containeranfang für Bildershow()
 tempLeft="0em";
 anz_geladene=0;
 document.getElementById("Bilder").style.left="0em";

 if (startseite=="1" && g_projekt=="1" && anzThu_bilder>0){ //homeseite nur THU-Bilder

   anz_bilderanzeige = anzThu_bilder;
   anz_bilder = anzThu_bilder; //thump

   if(anz_bilderanzeige==0)  //bilder nicht vorhanden, können nicht vorgeladen werden
        imgErrorFunc();

   bildart="THUMPNAIL-Format";
   anzGeladene=0;
   for (var i=1; i <= anzThu_bilder; ++i) {   //thump foto vorladen

     imgThu_obj[i] = new Image();
     imgThu_obj[i].onload = zaehleBilder;  //Eventhändler aktivieren
     imgThu_obj[i].src = imgThu_src[i];    //vorladen im cache
     anz_geladene = anz_geladene +  1;
   }
 }
 //wenn Homeseite vorhanden ist => dann g_projekt="1"
 //ansonsten kann "1" auch ein normaler Bildornder sein, also keine Homeseite

 if (startseite=="1" && g_projekt=="1")  //auswahl Homeseite
    startseite="1";                      //nur für den IF-Zweig
 else{
   //restlichen Bilderordner - keine Homeseite
   anz_bilderanzeige = anzThu_bilder;
   anz_bilder = anzThu_bilder + anzBig_bilder; //thump + big

   if(anz_bilder==0)  //bilder nicht vorhanden, können nicht vorgeladen werden
        imgErrorFunc();
   bildart="THU";
   anz_geladene=0;
   von_bilder=anzThu_bilder;
   g_ind = 0;
   for (var i=1; i <= anzThu_bilder; ++i) { //thump foto vorladen
     // alert ("THU stop g_ind: "+g_ind);

     imgThu_obj[i] = new Image();
     imgThu_obj[i].onload = zaehleBilder;  //Eventhändler aktivieren
     imgThu_obj[i].src = imgThu_src[i];    //vorladen im cache
     anz_geladene = anz_geladene +  1;
  }

  if (anzBig_bilder>0){   //nur wenn BIG-Felder geladen wurden
    bildart="BIG";
    anz_geladene=0;
    von_bilder=anzBig_bilder;
    g_ind = 0;
    for (var i=1; i <= anzBig_bilder; ++i) { //big foto vorladen
       // alert ("BIG stop g_ind: "+g_ind);

       imgBig_obj[i]=new Image();
       imgBig_obj[i].onload = zaehleBilder;  //Eventhändler aktivieren
       imgBig_obj[i].src = imgBig_src[i];    //vorladen im Cache
       anz_geladene = anz_geladene +  1;
    }
  }
 }
}
function Bildershow() {
  //"Aufruf von:
  // - bigFotoAnzeige(): onmouseout() und onmouseover()
  // - showSteuerung()
  //
  //- container ladeanzeige ausschalten
  //- container #Bilder für thump-foto aufbauen + laden
  //- container #top_menu mit auswahlmenu big-einzelfotos aufbauen + laden

  document.getElementById("Bilder").style.display="block";
  document.getElementById("rechter_abschlussrand").style.display="block";
  document.getElementById("ladeanzeige").style.display="none";
  //notwendig wegen big_foto anzeige, danach wieder auf THU-Fotoanzeige
  Aufloesung=screen.width + " X " + screen.height;
  if (Aufloesung=="1280 X 800")
    document.getElementById("contentGesamtText").style.top="170px";
  else
    document.getElementById("contentGesamtText").style.top="160px";
  if (navigator.userAgent.indexOf("Firefox") > 0)
      document.getElementById("contentBilder").style.marginTop="160px";
  else //IE
      document.getElementById("contentBilder").style.marginTop="138px";
  document.getElementById("scrollframeText").style.height="215px";
  if (startseite=="1" && g_projekt=="1") { //homeseite
    document.getElementById("move_top").style.display="none";
    document.getElementById("move_down").style.display="none";
   document.getElementById("menu_bottom").style.display="none";
  }
  else {
     document.getElementById("menu_bottom").style.display="block";
  }
  //templeft muss wieder gesetzt werden => wurde bei bigFotoAnzeige() verändert
  document.getElementById("Bilder").style.left=tempLeft;
  document.getElementById("Bilder").style.width="550em"; //550em
  document.getElementById("move_left").style.display="block";
  document.getElementById("move_right").style.display="block";
  document.getElementById("rechter_abschlussrand").style.display="block";
  //document.getElementById("scrollframeBilder").style.borderRight = "0.7em solid #000000";
  
  //Bottomzeile-Verschiebung wieder aufheben, nach BIG-Anzeige
  if (Aufloesung=="1280 X 800"||screen.height<"1280") document.getElementById("menu_bottom").style.top="570px";
  
  content=" ";  //thump anzeige
  contentbig="\n<ul>";

  for (var i=1; i <= anz_bilderanzeige; ++i) {
    //JS-Fehler daher keine mitgabe von  imgThu_obj[i].width + imgThu_obj[i].height

    if (anzBig_bilder>0) {     //nur wenn BIG-Fotos geladen wurden
      //big fotoanzeige #top_menu
      contentbig=contentbig+"\n<li><a href=\"#\" "+
      "onclick=\"ImgFullScreenStart("+i+");\" "+
      "onmouseover=\"bigFotoAnzeige("+i+");\" "+
      "onmouseout=\"Bildershow();\">"+
      "<span>&nbsp;"+i+"&nbsp;</span></a></li>";
    }
    fototext="";
    startmember="";
    if (startseite=="1" && g_projekt=="1") { //homeseite - keine ausgabe BIG+ORG+TXT

       startmember="index_"+sprachversion+"_"+appl_db+".php";  //appl_db definiert im laden.js

       if (homeseite_steuerung=="Homeseite-Defaultsteuerung"){
          //defaultanzeige nach homeseite auf der Projektseite
          URL=startmember+"?IDprojekt="+startprojekt;
          imgTxt[i]="START Projektauswahl";
          fototext="";
       }
       else{
          //Homeseite-Detailsteuerung
          if (i>pointerHomeseiteSteuerungEintraege_anz)
             URL=startmember+"?IDprojekt="+startprojekt;
          else{
             URL=startmember+"?IDprojekt="+pointerHomeseiteSteuerungEintraege[i];
             fototext=imgTxt[i];
          }
       }
       if (imgTxt[i]=="")
           imgTxt[i]="START Projektauswahl";

       content=content+
       "\n<span class=\"bild\"> <a href=\""+URL+"\">"+
       " <img src=\""+imgThu_obj[i].src+"\" "+
       "alt=\""+imgTxt[i]+"\" border=\"0\" title=\""+imgTxt[i]+"\" /></a>"+
       "<br /><span>"+fototext+"</span>"+
       "</span>";
    }
    else {
      altText="";
      titleText="";
      if (anzOrg_bilder==0){  //foto wurden noch nicht angelgt => MySql
        altText="Grossfoto (ORG) Anlage fehlt noch";
        titleText="Grossfoto (ORG) Anlage fehlt noch";
      }
      else{
        altText="Originalgröße: aufs Foto klicken";
        titleText="Originalgröße: aufs Foto klicken";
      }
      //thump fotoanzeige  + org fotoanzeige über thump-link (fullscreen)
       content=content+
      "\n<span class=\"bild\"><a href=\"#\" "+
      "onclick=\"ImgFullScreenStart('"+i+"');\">"+
      "<img src=\""+imgThu_obj[i].src+"\" "+
      "alt=\""+altText+"\" border=\"0\" title=\""+titleText+"\" /></a>"+
      "<br /><span>"+imgTxt[i]+"</span>"+
      "</span>";
    }
  }
  contentbig=contentbig+"\n</ul>";
  //alert(contentbig);
  if (startseite=="1" && g_projekt=="1"){  //homeseite - kein BIG-Ausgabe
     document.getElementById("top_menu_big_foto").innerHTML=" ";
     //hier platzieren, damit ausgabe nach bilderausgabe
     document.getElementById("home_ueb").innerHTML=homeseite_ueberschrift;
      document.getElementById("home_ueb").style.display="block";
  }
  else
     document.getElementById("top_menu_big_foto").innerHTML=contentbig;

  document.getElementById("Bilder").innerHTML=content;

}
function bigFotoAnzeige(fotoindex) {
  //Bottomzeile beim BS 800+768 wegen möglichen drei Textzeilen unter dem BIG-Foto verschieben
   Aufl=screen.width + " X " + screen.height;
   if (Aufl=="1280 X 800"||screen.height<"800") document.getElementById("menu_bottom").style.top="610px"; //570px

  //BIG-Bild in den Bildcontainer laden und anzeigen
   content=" ";
  document.getElementById("scrollframeBilder").style.borderRight = "0.00em solid #FFFFFF";
  //scroll am conataineranfang
  document.getElementById("contentBilder").style.marginTop="25px";
  //tempLeft zum zurücksetzen auf den ursprünglichen wert nach anzeige
  tempLeft=document.getElementById("Bilder").style.left;
  document.getElementById("Bilder").style.left="0em";

  //für big-einzelbild container verkleinern, damit bild in der mitte

  document.getElementById("Bilder").style.width="18em";

  document.getElementById("move_left").style.display="none";
  document.getElementById("move_right").style.display="none";
  document.getElementById("rechter_abschlussrand").style.display="none";

  content="<span class=\"bild\">"+
  "<img src=\""+imgBig_obj[fotoindex].src+"\"  "+
  "alt=\""+fotoindex+". Amsterdam\" />"+
  "<br /><span>"+imgTxt[fotoindex]+"</span></span>";

  document.getElementById("Bilder").innerHTML=content;
  window.status="Bildindex:"+fotoindex+" SRC:"+imgBig_obj[fotoindex].src;
}