// Bei diesem Script geht es darum, Grafiken einfach zu laden und zu tauschen.
// Hierbei ist es von Vorteil, wenn sich die normalen- und die rollover-Grafiken
// nur in einem kleinen Teil des Namens unterscheiden (hier omout[normal] und omover[rollover]);
// dann muß lediglich der Pfad mit allen gleichen und unterschiedlichen Teilen
// in der Funktion preloadImage hinterlegt werden.
// Die nicht gleichen Teile (hier omout[normal] und omover[rollover]) müssen in den
// Funktionen aktiv und deaktiv ebenfalls entsprechend ausgetauscht werden.

// Die Variable name sollte für den Bezeichner name im img-Tag, im Grafiknamen
// und beim der Uebergabe mit Aufruf der Funktionen aktiv und deaktiv gleich sein.

// Prüfung, ob der User Netscape oder IE benutzt
ns=(document.layers)? true:false
ie=(document.all)? true:false
      // alert-Meldung für Pruefzwecke
      // alert("Netscape "+ ns);
      // alert("Explorer "+ ie);


// Grafiken vorladen
// Definition von zwei Variablen (this.ein , this.aus), wobei alle gleichen Syntax-Teile
// der Grafiken schon mit in dem Pfad definiert werden; lediglich die Variable
// 'name' wird noch eingefügt
function preloadImage(name)
{
this.ein = new Image();
this.ein.src = "images/navigation/" + name + "_omover.gif"
this.aus = new Image();
this.aus.src = "images/navigation/" + name + "_omout.gif"
}

function new_image(name)
{
preloadImage [name] = new preloadImage (name);
}


function aktiv(id, name)
{
if(ns)
{
if (document.images)
{
var src = document[id].document[name].src;
// kompletter Pfad der Grafik wird der Variable 'src' übergeben
var omo = src.lastIndexOf("omout");
if (omo != -1)
{
var newsrc = src.substring(0,omo) + "omover";
// die Variable 'src' wird zerlegt und nur der Teil verwendet,
// der bei beiden Bildern gleich ist; der nicht gleiche Teil (hier omover)
// wird angehaengt und in der Variablen 'newsrc' definiert.

document[id].document[name].src = newsrc + ".gif";
// der neue Quellpfad der Grafik wird aus der Variablen 'newsrc' sowie
// dem Amhang .gif definiert.
}
}
}
if(ie)
{
if (document.images)
{
 var src = document[name].src;
// kompletter Pfad der Grafik wird der Variable 'src' übergeben

var omo = src.lastIndexOf("omout");
if (omo != -1)
{
var newsrc = src.substring(0,omo) + "omover";
// die Variable 'src' wird zerlegt und nur der Teil verwendet,
// der bei beiden Bildern gleich ist; der nicht gleiche Teil (hier omover)
// wird angehaengt und in der Variablen 'newsrc' definiert.

document[name].src = newsrc + ".gif";
// der neue Quellpfad der Grafik wird aus der Variablen 'newsrc' sowie
// dem Amhang .gif definiert.
}
}
}
}

function deaktiv(id, name)
{
if(ns)
{
if (document.images)
{
var src = document[id].document[name].src;
// kompletter Pfad der Grafik wird der Variable 'src' übergeben

var oma = src.lastIndexOf("omover");
if (oma != -1)
{
var newsrc = src.substring(0,oma) + "omout";
// die Variable 'src' wird zerlegt und nur der Teil verwendet,
// der bei beiden Bildern gleich ist; der nicht gleiche Teil (hier omout)
// wird angehaengt und in der Variablen 'newsrc' definiert.

document[id].document[name].src = newsrc + ".gif";
// der neue Quellpfad der Grafik wird aus der Variablen 'newsrc' sowie
// dem Amhang .gif definiert.
}
}
}
if(ie)
{
if (document.images)
{
var src = document[name].src;
// kompletter Pfad der Grafik wird der Variable 'src' übergeben

var oma = src.lastIndexOf("omover");
if (oma != -1)
{
var newsrc = src.substring(0,oma) + "omout";
// die Variable 'src' wird zerlegt und nur der Teil verwendet,
// der bei beiden Bildern gleich ist; der nicht gleiche Teil (hier omout)
// wird angehaengt und in der Variablen 'newsrc' definiert.

document[name].src = newsrc + ".gif";
// der neue Quellpfad der Grafik wird aus der Variablen 'newsrc' sowie
// dem Amhang .gif definiert.
}
}
}
}

