// Anzahl der verwendeten Buttons
var anzahlButtons=3

// relativer Pfad zu den Bildern der Buttons (relativ zur HTML-Seite)
var relativerPfad="../images/"

// Dateinamenerweiterung der Grafi (".gif" oder ".jpg")
var extensionDatei=".gif"

// Namen der Grafiken ohne Extension und Nummer
var dateiName="pointerTop"

// Extension des NORMALEN Buttons
var extensionNormal="n"

// Extension des HOVER Buttons
var extensionOver="a"

// Extension des ACTIV Buttons
var extensionSelected="n"

// Extension des ACTIV-HOVER Buttons
var extensionOverSelected="n"

// Nummer des Buttons der beim Start der HTML-Seite ausgewählt sein soll
var startSelected=0;

// Anzahl der Bilder, die vor den Buttons angezeigt werden
var ixOffset=2;


// Ab hier sind keine Änderungen mehr notwendig
// Erzeugen der verschiedenen Buttons, die auf der HTML-Seite benötigt werden
over=new createOverArray(anzahlButtons);
sel=new createSelArray(anzahlButtons);
std=new createStdArray(anzahlButtons);
selOver=new createSelOverArray(anzahlButtons);

// Feststellen welcher Browser verwendet wird (IE oder Netscape)
var ie=false;
if (document.all!=null)
         ie=true;


// Erzeugen aller HOVER-Buttons
function createOverArray(n){
        this.length=n;
        for (var i=1; i <=n; i++){
                this[i]=new Image();
                this[i].src=relativerPfad+dateiName+extensionOver+extensionDatei;
        }
        return this;
}


// Erzeugen aller Selected-Buttons
function createSelArray(n){
        this.length=n;
        for (var i=1; i <=n; i++){
                this[i]=new Image();
                this[i].src=relativerPfad+dateiName+extensionSelected+extensionDatei;
        }
        return this;
}

// Erzeugen aller Selected-Over-Buttons
function createSelOverArray(n){
        this.length=n;
        for (var i=1; i <=n; i++){
                this[i]=new Image();
                this[i].src=relativerPfad+dateiName+extensionOverSelected+extensionDatei;
        }
        return this;
}

// Erzeugen aller Normalen-Buttons
function createStdArray(n){
        this.length=n;
        for (var i=1; i <=n; i++){
                this[i]=new Image();
                this[i].src=relativerPfad+dateiName+extensionNormal+extensionDatei;
        }
        return this;
}

// Diese Funktion wird vom Attribut "onMouseOver" aufgerufen
function overEffect(imageNr){
     if (startSelected==imageNr)
          window.document.images[imageNr+ixOffset].src = selOver[imageNr].src;
     else
          window.document.images[imageNr+ixOffset].src = over[imageNr].src;
}

// Diese Funktion wird vom Attribut "onMouseOut" aufgerufen
function outEffect(imageNr){
     if (imageNr==startSelected)
          window.document.images[imageNr+ixOffset].src = sel[imageNr].src;
     else
          window.document.images[imageNr+ixOffset].src = std[imageNr].src;
}

// Diese Funktion wird vom Attribut "onClick" aufgerufen
function clickEffect(imageNr){
     if (startSelected!=0)
             window.document.images[startSelected+ixOffset].src= std[startSelected].src;
             window.document.images[imageNr+ixOffset].src=selOver[imageNr].src;
             startSelected=imageNr;
}