//-  preload  - Bilder in den Browsercache vorladen
//- Bilder aus dem Browsercache anzeigen
function imgErrorFunc(bild_art) {
  document.getElementById(ladeanzeigeID).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 ladeanzeigeID="";
var ausgabeart_steuerung="0";
if (option[12] == "N")
   ausgabeart_steuerung="2";  //2 u. N .. Layout_03 für vertikale Scroll-Steuerung laden
else
   ausgabeart_steuerung="1";  //1 u. J .. Layout_03 für für THU-Steuerung  laden
   
if (appl_db!="mi009clu_michi"){ //bei NICHT ist immer THU-Anzeige
    ausgabeart_steuerung="1";   //1  .. Layout_03 für für THU-Steuerung  laden
    ladeanzeigeID="ladeanzeige";     //Chris-Layout
}
else
   ladeanzeigeID="ladeanzeige_03";  //Layout-03

var show_text="";
var show_text_zetrieren_width="";
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_bilderGesamt=0;
var anz_bilderanzeige=0;
var anzGeladeneBilder=0;
var einzelbild=0;
var timeout_id=null; // um per clearTimeout() den Bildwechsel anzuhalten
var von_bilder=0;
var show_text_original_height="";
var show_text;
var THUbreiteGesamt=0;
var ImgPaddingLeft=0;
var Linktext="";       //derzeit nur für Layout-03 DropDown Submenu
//===================================================================
// 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_bilderGesamt) {
      Bildershow();       //nach dem alle Fotos vorgeladen sind wird
                          //defaultmäßig das erste Bild geladen
  }
  if ((bildart=="THUMBNAIL-Format") && (appl_db!="mi009clu_michi")){  //keine Anzeige Lademeldung für Layout-03
       document.getElementById(ladeanzeigeID).innerHTML=
       "<span class=\"color_grau\">"+
       "<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />"+
       +anzGeladeneBilder+"</b>&nbsp;von&nbsp;<b>"+anzThu_bilder+"</b>&nbsp;Bilder (THU)<br />"+
       "<br /><br /><br /><br /><br /><br /><br />"+
       "</span>";
  }
  if ((bildart=="ORG" || bildart=="BIG") && (appl_db!="mi009clu_michi")){ //keine Anzeige Lademeldung für Layout-03
       anz_geladene = anzGeladeneBilder - (anzThu_bilder);
       if (anz_geladene<0) //THU-Bilder noch nicht alle geladen
          return;
       else {
          g_ind = g_ind + 1;
          if (typeof imgThu_src[g_ind] == 'undefined')
              return;
          if (imgThu_src[g_ind]) {
             //alert(g_ind+" big bild: "+imgBig_src[g_ind]);
             if (typeof imgBig_src[g_ind] == 'undefined' && bildart=="BIG")
                 return;
             if (typeof imgOrg_src[g_ind] == 'undefined' && bildart=="ORG")
                 return;
             
             if ((bildart=="BIG" && imgBig_src[g_ind])||(bildart=="ORG" && imgOrg_src[g_ind])){
               //alert(g_ind+" 1 big bild: "+imgBig_src[g_ind]);
                  //alert("von:"+von_bilder+ "anz geladen alle:"+ anz_geladene);
                  document.getElementById(ladeanzeigeID).innerHTML=
                    "<table><tr><td>"+
                    "<img  src=\""+imgThu_src[g_ind]+"\""+       //imgThu_obj[g_ind].src
                    "alt=\""+imgTxt[g_ind]+"\" /> <br />"+
                    "<span class=\"color_grau\">"+
                    +anz_geladene+"</b>&nbsp;von&nbsp;<b>"+von_bilder+"</b>&nbsp;geladen ("+bildart+")"+
                    "</span>"+
                    "</td></tr></table>";
             }
          }
       }
  }
}
function preloadAufruf(id_projekt){
   THUbreiteGesamt=0;
   ImgPaddingLeft=0;
   anz_bilderGesamt=0;
   anzGeladeneBilder=0;
   anz_geladene=0;
   anz_bilderanzeige=0;
   g_projekt=id_projekt; //gobale Variabel 'projekt' initieren

   window.setTimeout('preload()', 3000);  // 3 sek. verzögerter aufruf
}
// ========================================================================
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(ladeanzeigeID).style.display="block";  //im DIV show_media

 //restlichen Bilderordner
 anz_bilderanzeige = anzThu_bilder;

 Aufl=screen.width + " X " + screen.height;
 if ((Aufl=="1280 X 1024"||screen.width>"1280") && anzOrg_bilder>0 &&
     (projekttext==false)){ //kein Anbietertext und Produkttextlang vorhanden
      anzBig_bilder=0;      //statt Big-Bilder werden die Org-Bilder angezeigt
      anz_bilderGesamt = anzThu_bilder + anzOrg_bilder; //thump + org
 }
 else{   //800 / 768 Bildschirm
     if (Aufl=="1024 X 768" || Aufl=="1024 X 800"){
        if (anzBig_bilder==0 && anzOrg_bilder>0){
          anzBig_bilder=0;  //statt Big-Bilder werden die Org-Bilder angezeigt
          anz_bilderGesamt = anzThu_bilder + anzOrg_bilder; //thump + org
        }
        else{
          anz_bilderGesamt = anzThu_bilder + anzBig_bilder; //thump + big
          anzOrg_bilder=0; //es werden die Big-Bilder angezeigt
        }
     }
     else {
         anz_bilderGesamt =  anzThu_bilder + anzBig_bilder + anzOrg_bilder; //thump + big + org
     }
     
       
 }

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

 bildart="THUMBNAIL-Format";
 anz_geladene=0;
 thu_content=" ";  //thumb anzeige
 big_content="";   //big anzeige

 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;
 }

 //imgThu_width_Gesamt wird im PHP Modul clientladen_db.tpl ermittelt

 if (anz_geladene==1) //nur ein foto => wird zentriert
   ImgPaddingLeft =  ((screen.width - imgThu_width_Gesamt) / 2);
 else
    ImgPaddingLeft =  ((screen.width - imgThu_width_Gesamt) / anzThu_bilder) - 10;
 if(ImgPaddingLeft<0)
    ImgPaddingLeft=0;
if (anzThu_bilder < 4 && ImgPaddingLeft > 0)   //ImgPaddingLeft halbieren wegen der besseren Aufteilung
    ImgPaddingLeft =  ImgPaddingLeft / 2;
    
if (appl_db=="ve009clu_rudi"){  //Home Link mit 5 Kopffotos nur THU
   if (anzThu_bilder == 4 && ImgPaddingLeft > 0)   //ImgPaddingLeft halbieren wegen der besseren Aufteilung
      ImgPaddingLeft =  ImgPaddingLeft / 2;
}

if (ImgPaddingLeft<7)
     ImgPaddingLeft=10;

 if(ausgabeart_steuerung=="1"){ //THU-Layout und Steuerung
    document.getElementById("show_top").style.display="block";
    for (var i=1; i <= anzThu_bilder; ++i) { //für #show_top
       thu_laden(i);
    }
 }

 document.getElementById("show_top").innerHTML=thu_content;

 if (anzBig_bilder>0){   //nur wenn BIG-Felder geladen wurden
    bildart="BIG";
    anz_geladene=0;
    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;
       von_bilder=i;
    }

 }

 if (anzOrg_bilder>0){   //nur wenn ORG-Bilder geladen wurden
    bildart="ORG";
    anz_geladene=0;
    g_ind = 0;
    for (var i=1; i <= anzOrg_bilder; ++i) { //big foto vorladen
      //alert ("org stop g_ind: "+g_ind);
       
       imgOrg_obj[i]=new Image();
       imgOrg_obj[i].onload = zaehleBilder;  //Eventhändler aktivieren
       imgOrg_obj[i].src = imgOrg_src[i];    //vorladen im Cache
       anz_geladene = anz_geladene +  1;
       von_bilder=i;
    }

 }
}
// ========================================================================
function Bildershow() {
  if(ausgabeart_steuerung=="2"){

     //Layout_03 mit vertikaler SCROLL-Steuerung

     for (var i=1; i <= anzThu_bilder; ++i) { //für #show_text

        layout_03_anzeige(i);
     }

     //Werte für 1024 BS-Höhe
     if ((Aufl=="1280 X 1024"||screen.width>"1280")){
        document.getElementById("show_all").style.width="100%";
        document.getElementById("show_text").style.height="98.7%";
        document.getElementById("show_text").style.padding="0.0em";
        document.getElementById("show_text").style.paddingTop="0.5em";

        if(g_projekt=="10"||g_projekt=="4"||g_projekt=="5"){   //10=Link "SHOW" kl. Fotos
                                                               // 4 u. 5=Link "KATER u. KATZEN" kl. Fotos
           document.getElementById("show_text").style.width="55.2%";
           document.getElementById("misza_szatine").style.width="22.8%";
           document.getElementById("catteries").style.width="21.8%";

        }
        else{
           document.getElementById("show_text").style.paddingLeft="0.5em";
           document.getElementById("show_text").style.paddingRight="1.0em";
           document.getElementById("show_text").style.width="63.2%";
           document.getElementById("misza_szatine").style.width="16.8%";
           document.getElementById("catteries").style.width="16.8%";
        }

     }
     else{  // BS: 800 / 768
         document.getElementById("show_all").style.width="100%";
         document.getElementById("show_all").style.height="83.0%";
         document.getElementById("show_text").style.height="98.2%";
         document.getElementById("profile_layout_03").style.paddingTop="1.0em";

         if(g_projekt=="10"||g_projekt=="4"||g_projekt=="5"){   //10=Link "SHOW" kl. Fotos
                                                               // 4 u. 5=Link "KATER u. KATZEN" kl. Fotos
           document.getElementById("show_text").style.width="55.4%";
           document.getElementById("misza_szatine").style.width="22.8%";
           document.getElementById("catteries").style.width="21.8%";
         }
         else{
            document.getElementById("show_text").style.paddingLeft="0.5em";
            document.getElementById("show_text").style.paddingRight="1.5em";
            document.getElementById("show_text").style.width="62.3%";

            document.getElementById("misza_szatine").style.width="16.8%";
            document.getElementById("catteries").style.width="16.8%";
         }
     }

     document.getElementById("show_text").style.margin="auto";
     //=============================================================
     document.getElementById("show_text").innerHTML = content;
     //=============================================================
      if (geladen_anbietertext==true)
         document.getElementById("layout_03_anbietertext").style.width="98%";

     document.getElementById("layout_03_all").style.width=show_text_zetrieren_width+"px";  //Fotobereich + -text

     document.getElementById(ladeanzeigeID).style.display="none";
     document.getElementById("show_media").style.display="none";
     //alert(content);

     //BG und COLOR zuweisung erst hier, weil DIV vorher im html geladen werden muss
     
     var obj = document.getElementById("show_text");
     if(obj){
        if (color[8]!="") document.getElementById("show_text").style.color= color[8]; // color Hauptext
        var obj = document.getElementById("layout_03_anbietertext");
        if(obj){
           if (color[8]!="") document.getElementById("layout_03_anbietertext").style.color= color[8]; // color Hauptext
        }
     }
     if (anzThu_bilder>0 && (anzBig_bilder>0 || anzOrg_bilder>0)){  //mit Fotofiles

         for(i=1;i<=anzThu_bilder;i++){ //derzeit wird nur CLASS von normal1 bis normal100 angewendet
            id = i; normal='foto_text_layout_03'+id;  //inkl. class notwendig
            //alert(normal);
            if  (document.getElementById(normal)){
               obj =  document.getElementById(normal);
               if (obj.className){
                 obj.style.backgroundColor= color[6]; //6=BG Container Nebentext, Kurzbeschreibungen
                 if (color[9]!="") obj.style.color= color[9]; //9=Nebentext Schriftfarbe
                 if (option[7]!="") obj.style.fontSize= option[7]; //9=Nebentext Schriftszize (Fotokurztext + -langtext)
               }
            }
        }
     }
  } //end-if Layout-03
  // =====================================================================
  //"Aufruf von:
  // - bigFotoAnzeige(): onmouseout() und onmouseover()
  //- container ladeanzeige ausschalten
  if(ausgabeart_steuerung=="1") {  //THU-Anzeige

      document.getElementById(ladeanzeigeID).style.display="none";
      //Print (Druckvorschau u. Drucken) wird nur gefüllt wenn $g_Option_18 in clientladen_db.tpl über STD-Wert aktiv gesetzt wurde
      //LOC hat keine Auswirkung
      show_text =  document.getElementById("show_text").innerHTML;  //print oder show_text Projekttext vom Anbieter
      if (show_text=="")
         show_text =  document.getElementById("print").innerHTML;  //print oder show_text Projekttext vom Anbieter

      show_text_original_height = document.getElementById("show_text").style.height;

      //erstes foto automatisch im bigContainer anzeigen (show_img_video)
       
      if (anzBig_bilder>0||anzOrg_bilder>0){  //es kann auch nur THU-Anzeige sein
          bigFotoAnzeige(1);
          if(option20=="J")
             ajaxCreateNewsContainer(); //News (neu Links)
          if (option[5] == "J") //Slideshow JA
              slide_show();
      }
  }
}
// ========================================================================
function bigFotoAnzeige(fotoindex){ //aktiviert über mouseover beim THU-Bild
  //ACHTUNG: skalierung auch in clientlayout_chris.tpl bei slideshow nachziehen!!

  //var zw_height = "87.0%";  //default init für 768 u. 800 BS
  //if (Aufl=="1280 X 1024"||screen.width>"1280")
  //    zw_height = "84%";  //weil inkl. von-bis zeile
  //alert(show_text_original_height);

  //  alert(txtLang[fotoindex]);
  //  str  = txtLang[fotoindex];
  // txtLang[fotoindex] = str.replace(/&amp;#/g, "\u");
  // alert(txtLang[fotoindex]);
  //==========================================================================
  //startwert (default) beim aufruf von "projekttext": ist "true" wenn ein ANBIETERTEXT oder PRODUKTLANGTEXT vorhanden ist
  //wenn kein produkt langtext vorhanden ist wird ein vorhandener Anbietertext angezeigt!
  
  var obj  = document.getElementById("show_text");                    //DIV vorhanden prüfen
  if (obj) document.getElementById("show_text").style.display="none"; //defaultwert
  projekttext=false;                                                  //defaulwert

  obj  = document.getElementById("show_text_p");  //DIV vorhanden prüfen

  if (typeof txtLang[fotoindex] == 'undefined'){
        projekttext=false;
        txtLang[fotoindex]="";
  }

  if  (txtLang[fotoindex] == " ")  txtLang[fotoindex]="";
  else{
      if (txtLang[fotoindex] != "") projekttext=true;
  }
  if (geladen_anbietertext==true)
        projekttext=true;
  if (projekttext==false)
       projekttext=false;  //gesetzt bei undefined
  else{
     if (txtLang[fotoindex]!="")
        projekttext=true;  //nur für den einen aktuellen Produkt Langtext[i]
                           //damit wird #show_text Container aktiviert
  }
  if (txtLang[fotoindex]!="" && projekttext==true){
     if (txtLang[fotoindex]== ""){
        obj  = document.getElementById("show_text");
        if (obj) document.getElementById("show_text").innerHTML=show_text; //anbieter-text => show_text = erstmailig zwischengespeichert in Bildershow()
        if (color[8]!="") document.getElementById("show_text").style.color= color[8]; //8=Haupttext, Produkttext lang

        //document.getElementById("show_text").style.height=show_text_original_height;
        //document.getElementById("show_text").style.height=zw_height;
     }
     else {
        //Produkt Langtext laden
        document.getElementById("show_text").innerHTML=
           "<table height=\"100%\">"+
           "<tr><td class=\"table_vertikal\" valign=\"middle\">"+txtLang[fotoindex]+"</td></tr></table>";
        //document.getElementById("show_text").style.height=zw_height ;
        if (obj){
          if (color[8]!="") document.getElementById("show_text_p").style.color= color[8]; //8=Haupttext, Produkttext lang
       }
     }
  }
  else {
     obj  = document.getElementById("show_text");
     if (obj) document.getElementById("show_text").innerHTML=show_text; //show_text = erstmalig zwischengespeichert in Bildershow()
    // document.getElementById("show_text").style.height=zw_height;
    obj  = document.getElementById("show_text_p");  //Link ist vorhanden
    if (obj){
      if (color[8]!="") document.getElementById("show_text_p").style.color= color[8]; //8=Haupttext, Produkttext lang
    }
  }

  img_fotopfad="";
  //bei  BS Auflösung "1280 X 1024" und
  //NUR Bildanzeige werden die BIG- durch ORG-Bilder ersetzt  wenn vorhanden

  if ((Aufl=="1280 X 1024"||screen.width>"1280") &&
        projekttext==false &&
        anzOrg_bilder>0)
      img_fotopfad = imgOrg_src[fotoindex];
  else { //Bildschirm 800 / 768 oder noch kleiner
      if (anzBig_bilder==0)
         img_fotopfad = imgOrg_src[fotoindex];
      else
         img_fotopfad = imgBig_src[fotoindex];
  }
  if (appl_db=="mi009clu_michi" && (Aufl=="1280 X 1024"||screen.width>"1280")) //layout_03
       img_fotopfad = imgOrg_src[fotoindex];

  if (geladen_anbietertext==false){
     if (projekttext==true)
        bildschirmaufloesung(); //GILT NUR FÜR THU + TEXT OHNE AUDIO:
                                //Anpassung: wenn produktLanktext gesetzt oder nicht gesetzt ist
                                //und wenn geladen_anbietertext=false ist.
                                // Notwendig weil zwischen ohne und mit TEXT
                                //#show_text angezeigt werden kann (Bildhöhe: 400 oder 530)
  }

  //ermitteln der IMG-Width zum  Zentrieren des Bildes im DIV-Block
  bild = new Image();
  bild.src = img_fotopfad;
  breite=bild.width;
  img_breite=bild.width;
  hoehe=bild.height;
  vertikal="middle"; //default init table vertikal zentrieren

  //alert ("b:"+bild.width+" h:"+bild.height);
  if (appl_db=="mi009clu_michi") //layout_03
     img_breite = breite;   //bleibt unverändert
  else{
    if (Aufl=="1280 X 1024"){
      if (projekttext==true){
        if (breite>550){
           img_breite = breite * 0.92; breite = breite * 0.92;
        }
      }
    }
  }

  if (Aufl=="1024 X 768"||screen.width<"1000"||Aufl=="1280 X 800"){

     //option[5] == "J"  .. slideshow
     if ((projekttext==true||anzAudio_files>0||option[5] == "J") && (hoehe>"400"||hoehe=="400")){
        vertikal="top";
        if (anzAudio_files==0||option[5] == "N")
             vertikal="middle";

        if ((hoehe=="400"&&projekttext==true)||
           (hoehe=="400"&&projekttext==false&&anzAudio_files==0)){
            img_breite = breite * 0.99; breite = breite * 0.99;
            //vertikal="top";
            vertikal="middle";
        }
        else{
           if (Aufl=="1024 X 768"||(anzAudio_files>0&&projekttext==false)){
             if (hoehe=="400"){       //h 400 auf 360
                img_breite = breite * 0.9; breite = breite * 0.9;
             }
           }
        }
        if ((Aufl=="1024 X 768"||screen.width<"1000")&&projekttext==true){
           if (breite>400){
               img_breite = breite * 0.75; breite = breite * 0.75;
           }
        }
        if (hoehe=="530"&&projekttext==false&&anzAudio_files==0){
           img_breite = breite * 0.75; breite = breite * 0.75;
          vertikal="middle";
        }
        else{
           if (hoehe=="530"){
              img_breite = breite * 0.68; breite = breite * 0.68;
           }
        }
     }
     else {

       if (hoehe=="400"){
           img_breite = breite * 1.0; breite = breite * 1.0;
       }

       if (hoehe=="530"&&projekttext==false&&anzAudio_files==0&&option[5] == "N"){
          img_breite = breite * 0.75; breite = breite * 0.75;
       }
       else {
           if (hoehe=="530"){
               img_breite = breite * 0.68; breite = breite * 0.68;
           }
       }
       if (Aufl=="1024 X 768"){
         if (hoehe>"350" && hoehe<"400"){
            img_breite = breite * 0.9; breite = breite * 0.9;
         }
       }
     }
   }//end-if


   //Background für #show_media Container laden - 'url(C:/photoshopZielordner/PICT0062.JPG)';
   if (imgBG_src!="" && option[9] == "J")  //option[5] == "J" Background-Foto J/N
       document.getElementById("show_media").style.backgroundImage = "url("+imgBG_src+")";

   //Textcontainer breite dyn. vergrößern wenn Foto kleine breite hat
   if (img_breite > 0 && img_breite < 300 && projekttext==true) {
     // alert(document.getElementById("show_text").style.width+"---"+document.getElementById("show_media").style.width);
         document.getElementById("show_media").style.width = "51%"
         document.getElementById("show_text").style.width = "40%"
   }
   if (projekttext==false)
        document.getElementById("show_media").style.width = "94%";

  // alert ("b:"+bild.width+" h:"+bild.height);
  //BIG-Bild in den Bildcontainer laden und anzeigen
  //vertikales zentrieren für kleine bilder zusätzlich  mit TABLE

  obj =   document.getElementById("show_img_video");
  if (obj){
     document.getElementById("show_img_video").style.marginTop="0px"; //defaultwert
     document.getElementById("show_img_video").style.height="99%";
  }

  if (appl_db=="mi009clu_michi"){  //layout_03
     img_breite = bild.width;     //bleibt unverändert
     document.getElementById("show_text").style.marginLeft = "1.0em";
     if (txtLang[fotoindex]!=""){
         document.getElementById("show_img_video").style.marginLeft = "0"; // ohne horizontale Zentrierung
         document.getElementById("show_img_video").style.marginRight = "0"; // ohne horizontale Zentrierung
     }
     else{
         document.getElementById("show_img_video").style.marginLeft = "auto"; // mit horizontale Zentrierung
         document.getElementById("show_img_video").style.marginRight = "auto"; // mit horizontale Zentrierung
     }
    if (SubMenuLinkText!="")      ////derzeit nur für Layout-03 DropDown Submenu
        Linktext ="<span class=\"ueb1_size\">"+SubMenuLinkText+" ("+fotoindex+"/"+anzThu_bilder+")</span>";

    if (color[8]!="") document.getElementById("show_text").style.color= color[8]; // color Hauptext
  }

  content=
  "<table  height=\"100%\">"+
  "<tr>"+
  "<td class=\"table_vertikal\" valign=\""+vertikal+"\">"+
        Linktext+   //derzeit nur für Layout-03 DropDown Submenu
        "<span class=\"bild\">"+
        "<img id=\"slideshow_img\" name=\"slideshow_img\" src=\""+img_fotopfad+"\" width=\""+img_breite+"\" "+
      //  "STYLE=\"filter:progid:DXImageTransform.Microsoft.Fade()\" "+
      // style=\"filter:alpha(opacity=0);-moz-opacity:0.0\" "+
        "alt=\""+imgTxt[fotoindex]+"\"  />"+
        "</span>"+
        "<div id=\"foto_text\">"+imgTxt[fotoindex]+"</div></span>"+
  "</td>"+
  "</tr>"+
  "</table>";

  document.getElementById("show_img_video").innerHTML=content;
  
  container_breite = breite + 2;   //wegen dem Rahmen notwendig, sonst ist der rechte Rahmen nicht sichtbar

  document.getElementById("show_img_video").style.width=container_breite+"px";
  document.getElementById("slideshow_img").style.width=img_breite+"px";
// =====================================================================================> MICHI
  if (appl_db=="mi009clu_michi"){  //layout_03
     content_michi="";
     if (txtLang[fotoindex] == '')
             projekttext=false;
     else
        projekttext=true;
     vertikal="middle";
     document.getElementById("show_img_video").style.width=img_breite+"px";
     document.getElementById("show_all").style.height="76%";   //wegen copyright
     document.getElementById("show_all").style.width="100%";

     //==============================================================
      document.getElementById("show_text").style.width ="31%";
      document.getElementById("show_text").style.height ="95%";
      content_michi= "<table  height=\"100%\"><tr><td align=\"left\" class=\"table_vertikal\" valign=\""+vertikal+"\">"+
                      txtLang[fotoindex]+
                      "</td></tr></table>";
      document.getElementById("show_text").innerHTML=content_michi;
      document.getElementById("show_media").style.width ="64%";
      document.getElementById("show_media").style.height ="98%";
      document.getElementById("show_media").style.marginLeft="auto";   //wegen horz. Zentrierung
      document.getElementById("show_media").style.marginRight="auto";   //wegen horz. Zentrierung
      //border verdeckt notwendig für FF: weil sonst align left (foto links verschieben) nicht funktioniert
      //bei Link "Erinnerungen" mit text-lang ???
      document.getElementById("show_media").style.border = "solid " + color[1]  + " 1px";   //color show_text
  }

  //zuweisung erst hier, weil #foto_text erst im html geladen werden muss
  if (anzThu_bilder>0 && (anzBig_bilder>0 || anzOrg_bilder>0)){  //mit Fotofiles
     if (color[9]!="") document.getElementById("foto_text").style.color= color[9]; //9=Nebentext Schriftfarbe
     //document.getElementById("slideshow_img").style.border = "solid #FFFFFF 1px"; //Bildrahmen => weiss
  }
  if (anzThu_bilder>0 && (anzBig_bilder>0 || anzOrg_bilder>0)){  //mit Fotofiles
     if (color[6]!="") document.getElementById("foto_text").style.backgroundColor= color[6]; //6=BG Container Nebentext, Kurzbeschreibungen
  }

  if (projekttext==true)
     document.getElementById("show_text").style.display="block";
  else
     document.getElementById("show_text").style.display="none";

  window.status=projekttext+" Bildindex:"+fotoindex+" SRC:"+img_fotopfad;
  if (appl_db=="mi009clu_michi")   //layout_03
      projekttext=false;  //zurücksetzen für den nächsten Bildaufruf
                          //NICHT bei chris_layout wird projekttext im function audio_load() verwendet

}
// ========================================================================
function thu_laden(i){
   //JS-Fehler daher keine mitgabe von  imgThu_obj[i].width + imgThu_obj[i].height
   
   //- container #Bilder für thump-foto aufbauen + laden
   //- container #top_menu mit auswahlmenu big-einzelfotos aufbauen + laden
   
    fototext="";
    startmember="";
    altText="";
    titleText="";

    if (anzBig_bilder>0||anzOrg_bilder>0)  //nur wenn BIG-/ORG-Fotos geladen wurden
      //big fotoanzeige #show_img_video
      big_content= "onmouseover=\"bigFotoAnzeige('"+i+"');\">";
    else    big_content= ">";

    //thumb fotoanzeige  + org/big fotoanzeige über thumb-link (fullscreen)
    altText=i+ ". Bild";
    titleText=i+ ". Bild";
    thu_content=thu_content+
    "\n<span class=\"bild\"><a href=\"#\" "+
    big_content +
    "<img style=\"padding-left: "+ImgPaddingLeft+"px;\" src=\""+imgThu_obj[i].src+"\" "+
    "alt=\""+altText+"\" border=\"0\" title=\""+titleText+"\" /></a>"+
    //"<br /><span>"+i+".</span>"+
     "</span>";
}
// ========================================================================
function layout_03_anzeige(i){
  //SCROLL-Anzeige
  
  img_fotopfad="";  txt_lang="";  txt_kurz=""; txt_gesamt=""; img_breite=""; img_hoehe="";
  
  //bei  BS Auflösung "1280 X 1024" und
  //NUR Bildanzeige werden die BIG- durch ORG-Bilder ersetzt  wenn vorhanden

  if ((Aufl=="1280 X 1024"||screen.width>"1280")  &&
        anzOrg_bilder>0)
      img_fotopfad = imgOrg_src[i];
  else { //Bildschirm 800 / 768 oder noch kleiner
      if (anzBig_bilder==0)
         img_fotopfad = imgOrg_src[i];
      else
         img_fotopfad = imgBig_src[i];
  }
  if (img_fotopfad == "")
      img_fotopfad = imgBig_src[i];
      
  // img_fotopfad = imgOrg_src[i];
  
  //ermitteln der IMG-Width zum  Zentrieren des Bildes im DIV-Block
  bild = new Image();
  bild.src = img_fotopfad;
  img_breite=bild.width;
  img_hoehe=bild.height;

  // alert(img_breite+" b:"+bild.width+" h:"+bild.height);
  //img_breite=400;
  if (img_breite < 400)   //ausgleichen: Fehler bei Javascript beim ermitteln der breite
      img_breite = 450;

  if (Number(show_text_zetrieren_width)< Number(img_breite))
      show_text_zetrieren_width = Number(img_breite);
  //show_text_zetrieren_width = Number(show_text_zetrieren_width) + Number(img_breite);

 // alert("breite:"+bild.width+" hoehe:"+bild.height);

  if (i==1 && geladen_anbietertext==true)
      //Projekttext vom Anbieter
      show_text = "\n<div id=\"layout_03_anbietertext\">"+document.getElementById("print").innerHTML+"</div>";

  if (imgTxt[i]==""||imgTxt[i]==" ")  txt_kurz="";
  else                                txt_kurz= imgTxt[i];
  if (txtLang[i]==""||txtLang[i]==" "|| typeof txtLang[i] == 'undefined') txt_lang="";
  else                                 txt_lang= txtLang[i];
  txt_gesamt = txt_kurz + txt_lang;
  //alert(fotoindex+txtLang[fotoindex]);

  div_width=0;
  max_zeichen=0;
  zeile_ohneFormat="";
  content_zeile="";
  if (txt_gesamt!="") {
     var zeilen = txt_gesamt.split("<br /");

  for (var x=0; x < zeilen.length; ++x) {
         zeile_ohneFormat= zeilen[x];
         zeile_ohneFormat =  zeile_ohneFormat.replace(/\&#039\;/g, "'"); //einfaches Hochkomma ersetzen
         zeile_ohneFormat =  zeile_ohneFormat.replace(/\s\s/g, ""); //blank ersetzen
         zeile_ohneFormat =  zeile_ohneFormat.replace(/\<span class=\'ueb2_size\'\>/g, "");
         zeile_ohneFormat =  zeile_ohneFormat.replace(/\<span class=\'ueb1_size\'\>/g, "");
         zeile_ohneFormat =  zeile_ohneFormat.replace(/\<\/span\>/g, "");
         zeile_ohneFormat =  zeile_ohneFormat.replace(/\<span class=\'textfarbe\'\>/g, "");
         zeile_ohneFormat =  zeile_ohneFormat.replace(/\<span class=\'fett\'\>/g, "");
        // zeile_ohneFormat =  zeile_ohneFormat.replace(/\s/g, ""); //blank ersetzen
         if (div_width <  zeile_ohneFormat.length){
             div_width =  zeile_ohneFormat.length;
             content_zeile= zeile_ohneFormat;
             max_zeichen= zeile_ohneFormat.length;
            // alert(i+". Foto "+ zeile_ohneFormat.length+" div_width:"+div_width+" content:"+ zeile_ohneFormat);
         }
         

     }
  }
  
  div_width = div_width * 9;     //0.65 bei EM zum Zentrieren des Textes unter dem Foto

  div_left=0;                    //hauptsächlich wegen den SHOW-Link und den kleinen Bilder
 // if (imgOrg_obj[i].width){
  //   if (imgOrg_obj[i].width>0 && imgOrg_obj[i].width > div_width)
        div_left=0.0;
 //    else
 //      div_left=6.0;
//  }

   if (g_projekt=="10")  //Link "Show"
        div_left=6.0;               //Lösung mit Vergleich geht derzeit nicht - "width" ist nicht im Zugriff??? JS-Problem
     
  //alert(i+" width:"+div_width+"px"+" längstzeile:"+ content_zeile+" max:"+max_zeichen);
  //alert(" org:"+imgOrg_obj[i].height+" width:"+imgOrg_obj[i].width+" div-width:"+div_width);

  content = content+
       "<div id=\"layout_03\">"+
          "<img class=\"foto\" src=\""+img_fotopfad+"\" height=\""+img_hoehe+"\" "+
           "alt=\""+imgTxt[i]+"\"  />"+
           "<div style=\"width:"+div_width+"px; padding-left:"+div_left+"em;\" class=\"foto_text_layout_03\" id=\"foto_text_layout_03"+i+"\">"+txt_gesamt+"</div>"+
       "</div>";

  if (i==anzThu_bilder) {
       content =  "\n<div id=\"layout_03_all\">"+content;  //nur IMG + IMG Text
       content = content+"</div>";
       content = "\n"+show_text+content;    //Anbietertext
       
      // show_text_zetrieren_width = Number(show_text_zetrieren_width) / Number(anzThu_bilder);
      //alert(show_text_zetrieren_width);
      // alert(content);
  }

}