// Fotosession, Version 0.8
// -------------------------------------------------------------------
// abgeschaut von  www.clemens-gruber.de/computer/goodies/fotosession/
// Feedback an     mail@clemens-gruber.de


/* Diese Anpassungen müssen im HTML- bzw. PHP-Dokument gemacht werden  
   ------------------------------------------------------------------
   
   Im Head-Bereich dies einfügen:
   <script language="JavaScript1.2" src="fotosession.js">

   Bitte im body-Bereich onUnload="festerSchliessen()" ergänzen, z.B.:
   <body onUnload="festerSchliessen()"> 
   
   
   Mit PHP auf dem Server werden die Bilder so eingebunden: 
   
   <a href="Foto-gross.jpg" target="_top"
      onClick="bildGross('Foto-gross.jpg',<?php $imageSize = GetImageSize("Foto-gross.jpg"); echo "$imageSize[0],$imageSize[1]"; ?>);return false">
      <img src="Foto-klein.jpg" <?php $imageSize = GetImageSize("Foto-klein.jpg"); echo $imageSize[3]; ?>  
           border=0 alt="Klicken um das Bild größer zu sehen!"> </a>
   
   Ohne PHP muss dieser Code verwendet werden: 
   
   <a href="Foto-gross.jpg" target="_top"
       onClick="bildGross('Foto-gross.jpg',500,300);return false">
       <img src="Foto-klein.jpg" width=250 height=150 border=0 
            alt="Klicken um das Bild größer zu sehen!"></a>
   
   weitere Infos gibt's in der readme.txt 
*/


<!--
// noch kein großes Fenster geöffnet
var groesser=null;

function bildGross(bildUrl,breite,hoehe,bildtext)
{ 
  // Preload für Opera
  preload=new Image();
  preload.src=bildUrl;

  // Fenstergrösse festlegen
  var fenster_property = "width=" + breite + ",height=" + hoehe + ",resizable=0";

  // Variablen für Platzierung auf Bildschirmmitte  
  var abstand_links = Math.ceil((screen.width - breite) / 2);
  var abstand_oben = Math.ceil((screen.height - hoehe - 40) / 2); 
      // 40=ca.-Faktor für Rahmen und Titelleiste
  
  // evtl. bereits vorhandenes Fenster schließen
  if (groesser != null)
    if (!groesser.closed) groesser.close();

  // auf Bildschirmmitte plazieren über Propertys (screenX/Y für NN, left/top für IE)
  fenster_property += ",screenX=" + abstand_links + ",screenY=" + abstand_oben 
      +",left=" + abstand_links + ",top=" + abstand_oben;
  
  // Fenster öffnen
  groesser=window.open("","bild",fenster_property);

  // Quellcode für Fenster erzeugen
  groesser.document.open("text/html");
        
  groesser.document.writeln("<!doctype html public '-//W3C//DTD HTML 4.01 Transitional//EN'> ");
  groesser.document.writeln("<html> ");
  groesser.document.writeln("  <head> ");
  groesser.document.writeln("    <title>Grosses Bild</title> ");
  groesser.document.writeln("    <meta http-equiv='content-type' content='text/html;charset=ISO-8859-1'> ");

  groesser.document.writeln("    <style type='text/css'> ");
  groesser.document.writeln("    <!-- ");
  groesser.document.writeln("    body,table,th,td { font-family: Verdana, Arial, Helvetica, Sans-Serif; } ");
  groesser.document.writeln("    body,table,th,td { font-size: 13px; } ");
  groesser.document.writeln("    --> ");
  groesser.document.writeln("    </style> ");

  groesser.document.writeln("  </head> ");
  groesser.document.writeln("  ");
  groesser.document.writeln("  <body leftmargin='0' topmargin='0' marginwidth='0' marginheight='0'> ");
  groesser.document.writeln("    <a href='javascript:close()'> ");
  groesser.document.writeln("      <img src='" +bildUrl+ "' alt='Fenster schließen!' border=0 hspace=0 vspace=0> ");
  groesser.document.writeln("    </a> ");
  if (bildtext == null) bildtext="Auf das Bild klicken um dieses Fenster zu schließen!";
  groesser.document.writeln("    <center>" +bildtext+ "</center>");
  groesser.document.writeln("  </body> ");
  groesser.document.writeln("</html> ");

  groesser.document.close();
                        
  groesser.focus(); 
}

// beim Verlassen des Dokuments evtl. vorhandenes Fenster schließen
function fensterSchliessen()
{
  if (groesser != null)
    if (!groesser.closed) groesser.close();
}
//-->

