function myTT_clsBild() {
/*------------------------------------------------------------------------------------------------------------------------------------
 <jsclass>
  <name>     myTT_clsBild  </name>
  <datum>    12.01.2007     </datum>
  <lastedit> 12.01.2007     </lastedit>
  <version>  1.0            </version>
  <copyright>tiefensee.com  </datum>
  <text>     Klasse zum arbeiten mit Bildn</text>
--------------------------------------------------------------------------------------------------------------------------------------
  <variablen>
------------------------------------------------------------------------------------------------------------------------------------*/
 
 this.cAJAX             = new myTT_clsAjax();                                        // object  -> Instanz der Klasse myTT_clsAJAX erstellen

 this.fAnzSperre        = document.getElementById("SPERRE");                         // zeiger -> auf HTML-Anzeige-Objekt
 this.fAnzBild          = document.getElementById("BILD");                          // zeiger -> auf HTML-Anzeige-Objekt
 this.fAnzMenue         = document.getElementById("BILD_MENUE");                    // zeiger -> auf HTML-Anzeige-Objekt
 this.fAnzText          = document.getElementById("BILD_TEXT");                     // zeiger -> auf HTML-Anzeige-Objekt
 this.fAnzInhalt        = document.getElementById("BILD_INHALT");                   // zeiger -> auf HTML-Anzeige-Objekt
 this.fAnzAnzeige       = document.getElementById("BILD_ANZEIGE");                  // zeiger -> auf HTML-Anzeige-Objekt
 this.fAnzAnzeigeHelp   = document.getElementById("BILD_ANZEIGEHELP");              // zeiger -> auf HTML-Anzeige-Objekt
 
 this.fAktKennung       = "";                                                        // string  -> Kennung des aktuellen Bilds
 this.fAktHeight        = 240;
 this.fAktWidth         = 320;
 this.fAktMime          = "flv";
 this.fAktSize          = 0;
 this.fZspSrc           = "";
 this.fZspText          = ""; 
 
 this.Close             = myTT_clsBild_Close;                                       // function -> Bildanzeige schliessen

 this.Create            = myTT_clsBild_Create;                                      // function -> Erstellt die Bild

 this.onLoad            = myTT_clsBild_onLoad;                                      // function -> öffnet ein neues Bild
 
 this.Open              = myTT_clsBild_Open;                                        // function -> öffnet ein neues Bild

 this.Resize            = myTT_clsBild_Resize;                                      // function -> Größe überarbeiten

 this.Write             = myTT_clsBild_Write;                                       // function -> Bild einlesen
 
// this.Create();
  
/*------------------------------------------------------------------------------------------------------------------------------------
  </variablen>
  <functions>
------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------
   <function>
    <name>Close -> myTT_clsBild_Close</name>
--------------------------------------------------------------------------------------------------------------------------------------
    <text>Bildanzeige schliessen</text>
    <inhalt>
------------------------------------------------------------------------------------------------------------------------------------*/
 function myTT_clsBild_Close() {
  with(this) {
   fAktWidth          = fAnzAnzeige.style.width  = "50";
   fAktHeight         = fAnzAnzeige.style.height = "50";
   fAnzAnzeige.src    = fZspSrc;
   fAnzText.innerHTML = "Bild laden";
   fAnzBild.style.display = fAnzSperre.style.display = "none";
   Resize();
 }}
/*------------------------------------------------------------------------------------------------------------------------------------
    </inhalt>
   </function>
------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------
   <function>
    <name>Create -> myTT_clsBild_Create</name>
--------------------------------------------------------------------------------------------------------------------------------------
    <text>Erstellt die Bild</text>
    <inhalt>
------------------------------------------------------------------------------------------------------------------------------------*/
 function myTT_clsBild_Create() {
  with(this) {
 //  Resize();                                                                  //** - Bild neu zeichnen  
}}
/*------------------------------------------------------------------------------------------------------------------------------------
    </inhalt>
   </function>
------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------
   <function>
    <name>onLoad -> myTT_clsBild_onLoad</name>
--------------------------------------------------------------------------------------------------------------------------------------
    <text>Bild geladen</text>
    <inhalt>
------------------------------------------------------------------------------------------------------------------------------------*/
// function myTT_clsBild_onLoad(aThis) {
//  with(this) {
  
//       fAktWidth  = fAnzAnzeige.style.width  = aThis.offsetWidth;
//       fAktHeight = fAnzAnzeige.style.height = aThis.offsetHeight;
       
//     fAnzText.innerHTML = aText; 
//     fAnzAnzeige.src    = aPfad;                 

//       Resize();
// }}
/*------------------------------------------------------------------------------------------------------------------------------------
      </inhalt>
     </private>
------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------
   <function>
    <name>onLoad -> myTT_clsBild_onLoad</name>
--------------------------------------------------------------------------------------------------------------------------------------
    <text>Bild geladen</text>
    <inhalt>
------------------------------------------------------------------------------------------------------------------------------------*/
 function myTT_clsBild_onLoad(aThis) {
  with(this) {
  
   var mImg = new Image();
   
       //alert(aThis);
   
       mImg.src   = fAnzAnzeigeHelp.src;
  
       fAktWidth  = fAnzAnzeige.style.width  = mImg.width;
       fAktHeight = fAnzAnzeige.style.height = mImg.height;
       fAnzText.innerHTML = fZspText;
       fAnzAnzeige.src    = mImg.src;
       
       Resize();
 }}
/*------------------------------------------------------------------------------------------------------------------------------------
      </inhalt>
     </private>
------------------------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------------------------------
   <function>
    <name>Open - myTT_clsBild_Open</name>
--------------------------------------------------------------------------------------------------------------------------------------
    <text>öffnet einen neues Bild</text>
    <inhalt>
------------------------------------------------------------------------------------------------------------------------------------*/
 function myTT_clsBild_Open(aPfad,aText,aMime) {
  with(this) {
   
   fAnzBild.style.display = fAnzSperre.style.display = "inline";
   
   Write(aPfad,aText,aMime);                    
 }}
/*------------------------------------------------------------------------------------------------------------------------------------
    </inhalt>
   </function>
------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------
   <function>
    <name>Resize -> myTT_clsBild_Resize</name>
--------------------------------------------------------------------------------------------------------------------------------------
    <text>Bild neu zeichnen</text>
    <inhalt>
------------------------------------------------------------------------------------------------------------------------------------*/
 function myTT_clsBild_Resize() {
  with(this) {

     fAnzInhalt.style.width   = fAktWidth  + "px";
     fAnzInhalt.style.height  = fAktHeight + "px";
    
     fAnzBild.style.width  = fAnzInhalt.offsetWidth + 18 + "px";
     fAnzBild.style.height = fAnzText.offsetTop + fAnzText.offsetHeight + "px";
      
     mTop  = Math.round((myTT_objElemBody.offsetHeight - fAnzBild.offsetHeight)/2);
     mLeft = Math.round((myTT_objElemBody.offsetWidth - fAnzBild.offsetWidth)/2);
      
     fAnzBild.style.top  = (mTop<0?0:mTop) + 'px'; 
     fAnzBild.style.left = (mLeft<0?0:mLeft) + 'px'; 
        
}}
/*------------------------------------------------------------------------------------------------------------------------------------
    </inhalt>
   </function>
------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------
   <function>
    <name>Write -> myTT_clsBild_Write</name>
--------------------------------------------------------------------------------------------------------------------------------------
    <text>Bild neu schreiben</text>
    <inhalt>
------------------------------------------------------------------------------------------------------------------------------------*/
 function myTT_clsBild_Write(aPfad,aText,aMime) {
  with(this) {

       fAnzText.innerHTML  = "Bild laden";
       fZspText            = aText; 
       fZspSrc             = fAnzAnzeige.src;
       fAnzAnzeigeHelp.src = aPfad;                 

       Resize();
 }}
/*------------------------------------------------------------------------------------------------------------------------------------
      </inhalt>
     </private>
------------------------------------------------------------------------------------------------------------------------------------*/

}
/*------------------------------------------------------------------------------------------------------------------------------------
  </functions>
 </jsclass>
------------------------------------------------------------------------------------------------------------------------------------*/