var maximages = 12;
var imageIndex = 1 ;
var ext  = ".jpg" ;
var NameGross  = "Bild" ;
var pfad       = "" ;
var myImagesG  =  new Array();
var i ;
var inc_pfad ='' ;
var lastpic = maximages ;
var pic = new Image();
var picLeer = new Image() ;
var schatten = new Image() ;

var text_kurz = '' ;
var text_lang = '' ;
var pic_href  = '' ;

var galerie_pfad = '' ;
var kurz1, kurz2, kurz3, kurz4, kurz5, kurz6, kurz7, kurz8, kurz9, kurz10, kurz11, kurz12 ;
var lang1, lang2, lang3, lang4, lang5, lang6, lang7, lang8, lang9, lang10, lang11, lang12 ;

//
// umschalten fr NETZbetrieb auf 1
//
var mode = 2 ; 

if ( mode == 0 ) pfad = "file:///G:/Website/galerie/" ;    // lokal
if ( mode == 1 ) pfad = "http://e-v-o.de/Test/galerie/" ;  // netz
if ( mode == 2 ) pfad = "http://e-v-o.de/galerie/";        // netz

picLeer.src = pfad + 'Leer.jpg' ; // alternatives bild, wenn keins mehr vorhanden
schatten.src = pfad + 'schatten.png' ; // alternatives bild, wenn keins mehr vorhanden


function ReadAllImages ( verzeichniss )
{
 var lpfad    = pfad + verzeichniss + '/' ;
 galerie_pfad = verzeichniss + '/' ;
 myImagesG [ 0 ]      = new Image();
 for ( i = 1 ; i <= maximages ; i++ ) {
      myImagesG [ i ]     = new Image();
      myImagesG [ i ].src = lpfad + NameGross + i + ext ;
 } // end for
 
 LoadGalerie ( 0 ) ;
}

function LoadGalerie( index )
{
 var nr ;
 changeImage ( index ) ;
 nr = imageIndex ;
 for ( i = 0; i < 3 ; i++ )
 {
   if ( myImagesG [nr+i]  ) pic.src = myImagesG [ nr+i ].src ;

   if ( i === 0 )
   {
    	document['Vorschau1'].src = pic.src ;
      document['VorschauBild'].src = pic.src ; 
      pic_href = pic.src ;
   }
   if ( i === 1 )document['Vorschau2'].src = pic.src ;
   if ( i === 2 )document['Vorschau3'].src = pic.src ;
 }
 //if ( index === 3 ) BuildZoom ( pic.src ) ;

}

function GetIndexFromPic ( mypic )
{

 for ( i = 1 ; i <= maximages ; i++ )
  if ( myImagesG [ i ].src == mypic.src ) {
      return i ;
  }
  return 0 ;
}
function Include_Desc ( script_filename )
{ 
  var html_doc = document.getElementsByTagName ( 'head' ).item( 0 ) ; 
  var js = document.createElement ( 'script' ) ; 
  js.setAttribute ('language', 'javascript'); 
  js.setAttribute ('type', 'text/javascript'); 
  js.setAttribute ('src', script_filename); 
  html_doc.appendChild ( js ) ; 
  return true ; 
} 

function MyExist( name )
{
  if ( typeof ( window[name] ) == "undefined" )
     return 0 ; 

  return 1 ;
}
function Texte( nr )
{
 text_kurz = '.' ;
 text_lang = '.' ;

 switch ( nr )
 {
  default : break ;
  case 1 :
    if ( MyExist ( "kurz1" ) ) text_kurz = kurz1 ;
    if ( MyExist ( "lang1" ) ) text_lang = lang1 ;
  break ;
  case 2 :
    if ( MyExist ( "kurz2" ) ) text_kurz = kurz2 ;
    if ( MyExist ( "lang2" ) ) text_lang = lang2 ;
  break ;
  case 3 :
    if ( MyExist ( "kurz3" ) ) text_kurz = kurz3 ;
    if ( MyExist ( "lang3" ) ) text_lang = lang3 ;
  break ;
  case 4 :
    if ( MyExist ( "kurz4" ) ) text_kurz = kurz4 ;
    if ( MyExist ( "lang4" ) ) text_lang = lang4 ;
  break ;
  case 5 :
    if ( MyExist ( "kurz5" ) ) text_kurz = kurz5 ;
    if ( MyExist ( "lang5" ) ) text_lang = lang5 ;
  break ;
  case 6 :
    if ( MyExist ( "kurz6" ) ) text_kurz = kurz6 ;
    if ( MyExist ( "lang6" ) ) text_lang = lang6 ;
  break ;
  case 7 :
    if ( MyExist ( "kurz7" ) ) text_kurz = kurz7 ;
    if ( MyExist ( "lang7" ) ) text_lang = lang7 ;
  break ;
  case 8 :
    if ( MyExist ( "kurz8" ) ) text_kurz = kurz8 ;
    if ( MyExist ( "lang8" ) ) text_lang = lang8 ;
  break ;
  case 9 :
    if ( MyExist ( "kurz9" ) ) text_kurz = kurz9 ;
    if ( MyExist ( "lang9" ) ) text_lang = lang9 ;
  break ;
  case 10 :
    if ( MyExist ( "kurz10" ) ) text_kurz = kurz10 ;
    if ( MyExist ( "lang10" ) ) text_lang = lang10 ;
  break ;
  case 11 :
    if ( MyExist ( "kurz11" ) ) text_kurz = kurz11 ;
    if ( MyExist ( "lang11" ) ) text_lang = lang11 ;
  break ;
  case 12 :
    if ( MyExist ( "kurz12" ) ) text_kurz = kurz12 ;
    if ( MyExist ( "lang12" ) ) text_lang = lang12 ;
  break ;

 }
}

function BildZoom( mypic )
{
 // alert ( navigator.appName ) ;

 var textlang = document['Textlang'];
 var textkurz = document['Textkurz'];

 pic_href = '<a href=\"' + mypic.src + '\"></a>' ;
 document['VorschauBild'].src  = mypic.src ;
 //document['VorschauBild'].setAttribute ( "href", mypic.src );
 //document. GetElementById ( "VorschauBild" ).setAttribute ( "href", mypic.src );

 
 //
 // einlesen der Beschreibungen
 //
 var nr = GetIndexFromPic ( mypic ) ;
 Texte ( nr ) ;

 //inc_pfad = pfad + galerie_pfad + 'Bild' + nr + '.js' ;
 //Include_Desc ( inc_pfad ) ;

//text_lang = pic_href ;


 textkurz.innerHTML = text_kurz ;
 textlang.innerHTML = text_lang ;
 
}

function AltPic  ( mypic ) { mypic.src = picLeer.src ; }
function TestPic ( mypic ) { mypic.src = schatten.src ; }

function changeImage(direction)
{
   imageIndex += direction;
   if (imageIndex > maximages)
       imageIndex = 1;
   else if (imageIndex <= 0)
            imageIndex = 1 ;
}

function MyPicture ( myvar )
{
  pic_href = 'file:///G:/Website/Galerie/Verwaltung/Bild1.jpg' ;
  // myvar.setattribute ( "href" , pic_href ) ;
  alert ( myvar.src ) ;
  return pic_href ;
}

function BildCheck ( pic ) 
{ 
  var Status = "";
  var i = 0 ;
  for ( i = 0; i < document.images.length; ++i )
  {
    if  ( document.images[i].complete == true )
    { 
      Status = Status + "Grafik " + (i + 1) + " geladen\n";
    }
    else
    { 
      Status = Status + "Grafik " + (i + 1) + " nicht geladen\n";
    }
  } 

  Status = Status + document.images.length + " Grafiken im Dokument"; alert(Status); 
}
// onload="CreateSchatten(1,this,"Sunten","file:///g:/fusion/evo/assets/bild1.jpg");"
function BildEigenschaften ( pic, mode )
{
  if ( mode === 1 ) return pic.style.width ;
  if ( mode === 2 ) return pic.style.height ;
  if ( mode === 3 ) return pic.style.top ;
  if ( mode === 4 ) return pic.style.left ;

  return 0 ;
}

function CreateSchatten ( mode, pic, id, datei )
{
  var myDiv = '' ;
  var x1, y1, x2, y2, hh ;
 
  mydiv = document.createElement ( "DIV" )  ; 
  myDiv.id = id ; 

  // myDiv.className="Spieler"+spielerNr; 
  // height="130" width="160"

  y1 = BildEigenschaften ( pic, 3 ) ;
  x1 = BildEigenschaften ( pic, 4 ) ;
  y2 = BildEigenschaften ( pic, 2 ) ;
  x2 = BildEigenschaften ( pic, 1 ) ;
  hh = 20 ;
  
  myDiv.style.left = x1 ;
  myDiv.style.top  = y1 + y2 ;

  var pos = "width=\"" + x2 + "\"height=" + hh + "\" ";
  if ( mode === 1 ) myDiv.innerHTML = "<a href=\"#\" " + "<img src='" + datei + pos + "'></a>" ; 
  

  document.getElementById('myDiv').appendChild ( myDiv ) ; 
} 


/*

Bildgr?n:
- die kleinen Bilder sollten 169x131 pixel haben
- das gro? bild etwa 471x367 pixel haben

Einfgen in die jeweiligen bilder, html, "im tag"
	
die Vorschaubilder heissen Vorschau1 - Vorschau3
name="Vorschau1" onError="AltPic ( this )""onMouseover="BildZoom ( this ) ;"
name="Vorschau2" onError="AltPic ( this )""onMouseover="BildZoom ( this ) ;"
name="Vorschau3" onError="AltPic ( this )""onMouseover="BildZoom ( this ) ;"

fr das grosse bild "VorschauBild"

name="VorschauBild" onError="AltPic ( this )""

Masterrahmen HTML
zum Aufrufen dieses scripts wird in Pfad_galerie das Verzeichniss mit Dateiname gesetzt
mu?aber fr das WWW auf das domainverzeichniss ge?ert werden.


ACHTUNG: GRO?KLEIN-Schreibung beachten


<script type="text/javascript" SRC="$VARIABLE(Pfad_Galerie)"></SCRIPT>
<script type="text/javascript" SRC="$VARIABLE(Pfad_galerieBilder)/GALERIE/Texte.js"></"></SCRIPT>

HTML-Masterrahmen- In den Haupttext, Galerie = Verzeichnissnamen
onload="ReadAllImages ( 'Elektroheizungen' )"

Scriptaktionen, html in den tag, Pfeil rckw?s, -3 = Increment rckw?s
LoadGalerie ( -3 ) ;

Scriptaktionen, html in den tag, Pfeil vorw?s, 3 = Increment vorw?s
LoadGalerie ( 3 ) ;

*/