// IDs der Link-Buttons angeben
var arrIDs = new Array("homeID", "newsID", "sendID", "mixedID");
// Normal-Buttons ohne Over-Effekt
var arrNormalOut = new Array("bilder/4states/home_n_out.gif",
"bilder/4states/news_n_out.gif",
"bilder/4states/send_n_out.gif",
"bilder/4states/mixed_n_out.gif");
// Normal-Buttons mit Over-Effekt
var arrNormalOver = new Array("bilder/4states/home_n_over.gif",
"bilder/4states/news_n_over.gif",
"bilder/4states/send_n_over.gif",
"bilder/4states/mixed_n_over.gif");
// High-Buttons ohne Over-Effekt
var arrHighOut = new Array("bilder/4states/home_h_out.gif",
"bilder/4states/news_h_out.gif",
"bilder/4states/send_h_out.gif",
"bilder/4states/mixed_h_out.gif");
// High-Buttons mit Over-Effekt
var arrHighOver = new Array("bilder/4states/home_h_over.gif",
"bilder/4states/news_h_over.gif",
"bilder/4states/send_h_over.gif",
"bilder/4states/mixed_h_over.gif");
/* +++++++++++++++ Ab hier nichts mehr ändern +++++++++++++++++ */
// assoziatives Array für die Buttons
// Syntax: arrButtons['BildID'][Buttontyp], mit Buttontyp: 0..3
// 0 - normal ohne over
// 1 - normal mit over
// 2 - high ohne over
// 3 - high mit over
var arrButtons = new Array();
/* +++++++++++++++ Buttons preloaden +++++++++++++++++++++++ */
// ID-Array durchlaufen
for(var i=0; i<arrIDs.length; i++){
// Neues assoziatives Array anlegen - ID als Key
arrButtons[arrIDs[i]] = new Array(4);
arrButtons[arrIDs[i]][0] = new Image();
arrButtons[arrIDs[i]][0].src = arrNormalOut[i];
arrButtons[arrIDs[i]][1] = new Image();
arrButtons[arrIDs[i]][1].src = arrNormalOver[i];
arrButtons[arrIDs[i]][2] = new Image();
arrButtons[arrIDs[i]][2].src = arrHighOut[i];
arrButtons[arrIDs[i]][3] = new Image();
arrButtons[arrIDs[i]][3].src = arrHighOver[i];
}
/* +++++++++++++++ Variablen ++++++++++++++++++++++++++++++++ */
var strOldID = "";
/* +++++++++++++++ Browserweiche +++++++++++++++++++++++++++ */
IE = document.all && !window.opera;
DOM = document.getElementById && !IE;
/* +++++++++++++++ Button-Funktionen ++++++++++++++++++++++++ */
// Funktion für Over- bzw. Out-Effekt
// strID: ID des Bildes, auf das gewünschter Effekt angwandt werden soll
// intIsOver: 0 - OutEffekt, 1 - OverEffekt
function overEffekt(strID, intIsOver){
var myObj = (IE)?document.all[strID]:document.getElementById(strID);
// Falls gewünschter Button nicht gehighlighted ist
if(strOldID != strID){
// Falls gehighlighted werden soll
if(intIsOver == 1)
myObj.src = arrButtons[strID][1].src;
else
myObj.src = arrButtons[strID][0].src;
}else{
// Falls gehighlighted werden soll
if(intIsOver == 1)
myObj.src = arrButtons[strID][3].src;
else
myObj.src = arrButtons[strID][2].src;
}
}
// Funktion zum Merken des aktiven Links
// strID - ID zum Link, der aktiviert bleiben soll
function activeLink(strID){
// Objekt ermitteln
var myObj = (IE)?document.all[strID]:document.getElementById(strID);
// Fall bisher noch kein Link gewählt wurde
if(strOldID == ""){
strOldID = strID; // Akt. ID merken
myObj.src = arrButtons[strID][3].src; // Highlight-Button zuweisen
}else{
// Fall es nicht um den bereits aktiven Link handelt
if(strOldID != strID){
// Objekt ermitteln
var myOldObj = (IE)?document.all[strOldID]:document.getElementById(strOldID);
myOldObj.src = arrButtons[strOldID][0].src; // Button des alten Links zurücksetzen
myObj.src = arrButtons[strID][3].src; // Highlight-Button des neuen Links setzen
strOldID = strID; // Akt. ID merken
}
}
}