//Grossbildanzeige (ganzer Bilschirm) mit Zugriff auf IMG-Tabellen zum
//Blättern .
//Anlage der Tabelle erfolgt im Modul client_db.tpl (var $template_1).
//Ausgabe von $template_1  => clientlayout_krittl.tpl.

var richtung=0;
var breite=0;
var hoehe=0;
var bildIndex=0;
var startIndex=0;

function ImgFullScreenStart(beginn){
   startIndex = parseInt(beginn);
   bildIndex = startIndex;
   
   //alert("bildindex:"+bildIndex);
   
   ImgFullScreen();
}

function ImgFullScreen(){

  //bisherige Anzeigen schliessen
  document.getElementById("horz_vert").style.display="none";
  document.getElementsByTagName("body")[0].style.backgroundColor= "#313131";

  bildIndex = parseInt(bildIndex);

  if (richtung=="-1")
     bildIndex = bildIndex  - 1;
  if (richtung=="+1")
     bildIndex = bildIndex  + 1;
     
  //alert("richtung:"+richtung+" bildindex:"+bildIndex+" startindex:"+startIndex);

  if (bildIndex > anzOrg_bilder) {
      closeFenster();
      return;
  }
  if (bildIndex < 1){
     closeFenster();
     return;
  }
  content=" ";
  if(document.getElementById){
     document.getElementById("img_select").style.display="none";

     document.getElementById('img_container').innerHTML=content;
     document.getElementById('img_container').innerHTML=
       "<a href=\"#\"  onclick=\"closeFenster()\">"+
       "<img id=\"img_id\" src=\""+imgOrg_src[bildIndex]+
       "\" name=\"bildanzeige\" width='1' height='1'  alt=\""+imgTxt[bildIndex]+"\" />"+
        "</a>";
     document.getElementById("img_container").style.display="block";
  }
  //nach dem vorladen mit 1*1px width + height ermitteln
  //und bild wird zentriert angezeigt in voller größe
  var Bild = new Image;
  Bild.src = imgOrg_src[bildIndex];
  breite = parseInt(Bild.width);
  hoehe = parseInt(Bild.height);
  content="";
  vertikal="middle";
  if (breite==0){
     richtung=0;
     document.getElementById("img_container").style.width="400px";
     document.getElementById("img_container").style.height="400px";
     document.getElementById("img_container").style.marginTop="-200px";
     document.getElementById("img_container").style.marginLeft="-200px";
     //vertikales zentrieren für kleine bilder zusätzlich  mit TABLE
     content=
       "<table height=\"100%\">"+
       "<tr>"+
       "<td valign=\""+vertikal+"\" align=\"center\">"+
       "<img src=\""+imgThu_obj[bildIndex].src+"\""+
       "alt=\""+imgTxt[bildIndex]+"\" />"+
       "<br /><br />"+
       "<div id=\"foto_text\">..... bitte, um etwas Gelduld ...<br />"+imgTxt[bildIndex]+"<br />wird geladen</div>"+
       "</span>"+
       "</td>"+
       "</tr>"+
       "</table>";
     document.getElementById('img_container').innerHTML=content;
     document.getElementById("img_container").style.display="block";
     window.setTimeout('ImgFullScreen()', 2000);
  }
  if(breite>0){
     document.getElementById("img_container").style.width=breite+"px";
     document.getElementById("img_container").style.height=hoehe+"px";
     margin_top=(hoehe/2)*-1;
     margin_left=(breite/2)*-1;
     document.getElementById("img_container").style.marginTop=margin_top+"px";
     document.getElementById("img_container").style.marginLeft=margin_left+"px";
     document.getElementById("img_container").style.display="block";
     content=" ";
     document.getElementById('img_container').innerHTML=content;

     document.getElementById('img_container').innerHTML=
       "<a href=\"#\"  onclick=\"closeFenster()\">"+
       "<img src=\""+imgOrg_src[bildIndex]+
       "\" name=\"bildanzeige\" width=\""+breite+"\" height=\""+hoehe+"\"  alt=\"click to close window\" />"+
       "</a>";

     document.getElementById("img_container").style.display="block";

     document.getElementById('img_select').innerHTML=content;
     document.getElementById('img_select').innerHTML=
        "<p class=\"close\">"+
        "<a class='button'  href=\"#\" onclick=\"javascript:closeFenster()\">"+
             "<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[ Fenster schliessen ]&nbsp;&nbsp;&nbsp;&nbsp;</span>"+
        "</a>"+
        "</p>"+

        "<p>"+
        "<a href=\"#\" class=\"button\" "+
        "onclick=\"richtung='-1'; ImgFullScreen();\">\<\<"+
        "</a>"+
        "<span>"+
        "&nbsp;&nbsp;&nbsp;&nbsp;"+imgTxt[bildIndex]+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+
        "</span>"+
        "<a href='#' class='button' "+
        "onclick=\"richtung='+1'; ImgFullScreen();\">\>\>"+
        "</a>"
        "</p>";

    document.getElementById("img_select").style.display="block";
  }
  else{
    //nur zur Absicherung wenn IF nicht richtig ist
    window.setTimeout('ImgFullScreen()', 2000);
  }
}
//DIV img_container und img_select nicht anzeigen
function closeFenster(){
   document.getElementById("img_container").style.display="none";
   document.getElementById("img_select").style.display="none";

   //Navigationsanzeige (Hauptanzeige) wieder öffnen
   document.getElementsByTagName("body")[0].style.backgroundColor= "#FFFFEB";
   document.getElementById("horz_vert").style.display="block";
   richtung=0;
   return;
}