//*******************************************************************************
//************************************************** \/ Benennen der Buttons!
//
//(1) Buttons in Menü-Gruppen einteilen.
//(2) Buttons entsprechend ihrer Menü-Gruppe und ihrer Position durchnummerieren.
//
// id-Name (= Button-Name) setzt sich zusammen aus: <Gruppennr.>"_"<Buttonnr.>.typ
//
// aktiver Button heißt <Gruppennr.>"_"<Buttonnr.>_a.typ
//
// den Button, der beim Laden der Page aktiv sein soll, trägt man gleich mit _a.typ
// im HTML ein...
//*******************************************************************************


//*******************************************************************************
//**** \/ hier Anzahl der Gruppen + 1 eintragen!
maxG = 6;

max = new Array(maxG);	//zwei Menü-Gruppen (immer + 1!)
sel = new Array(maxG);

//**** Hightlight nach dem Laden ist Button 1. Für jede Gruppe einmal festlegen
sel[1] = 1;		//Hauptnavigation
sel[2] = 1;		//
sel[3] = 1;		//


//*******************************************************************************
//****** \/ hier Anzahl der Buttons pro Gruppe eintragen!
max[1] = 6;
max[2] = 1;
max[3] = 1;


//*** \/ hier größte Anzahl der Buttons pro Gruppe eintragen (von oben)!
maxB = 2;

//****** hier den Pfad zu den Buttons eintragen (mit Slash am Ende):
path = server_root + "/images/";
typ = ".gif";


bild = new Array(maxG, maxB);
for (j = 1; j < maxG + 1; j++)	{

	for (i = 0; i < max[j]; i++)
	{
	   bild[j, i] = new Image();
	   bild[j, i] = path + j + "_" + i + "_a" + typ;
	}
}


function highlightButton(id)
{
	var strN = id.split("_");		//Splitten der ID an der Stelle "_"

	var a = parseInt(strN[0]);	//Nummer der Gruppe
	var b = parseInt(strN[1]);	//Nummer des Buttons

	var img = document.getElementById(id).style.background = 'url('+path + id + "_a" + typ+')';
}


function resetHighlightButton(id)
{

	var strN = id.split("_");

	var a = parseInt(strN[0]);	//Nummer der Gruppe
	var b = parseInt(strN[1]);	//Nummer des Buttons

	for (i = 1; i <= max[a]; i++)
	{
		if(i != sel[a] && document.getElementById(a + "_" + i))
		document.getElementById(a + "_" + i).style.background = 'url('+path + a + "_" + i + typ+')';;
	}
}


function setSelButton(id)
{
	var strN = id.split("_");

	var a = parseInt(strN[0]);	//Nummer der Gruppe
	var b = parseInt(strN[1]);	//Nummer des Buttons

	sel[a] = b;

	resetHighlightButton(id);
 }
		 
		 
function BilderVorladen()
{
    document.Vorladen = new Array();

    if(document.images)
    {
        for(var i = 0; i < BilderVorladen.arguments.length; i++)
        {
            document.Vorladen[i] = new Image();
            document.Vorladen[i].src = path + BilderVorladen.arguments[i];
        }
    }
}