/*
##------------------
## Versie: 2002.04a 
##------------------
##
## Omschrijving:	Het veranderen van een 'link' qua className (kleur e.d.) zodra er op geklikt wordt.
##						Aan de hand van het meegegeven groeps-ID worden de vorige wijzigingen terug veranderd.
##
##
## Aanroep:
## In de <HEAD> of <BODY>:
## <SCRIPT language="JavaScript" SRC="change_class_name_grp.js">
##
## De link:
## Geef de ID tag op, de kleur en de groeps ID (1-100).
##
## <A href="#" onClick="changeClassGrp('link1', 'selectedLink',1)"><IMG SRC="image.gif" border=0></A>
## <A ID="link1" href="#" onClick="changeClassGrp('link1', 'selectedLink',1)">Link1-1</A>
## <A ID="link2" href="#" onClick="changeClassGrp('link2', 'selectedLink',1)">Link2-1</A>
## <A ID="link3" href="#" onClick="changeClassGrp('link3', 'selectedLink',2)">Link1-2</A>
## <A ID="link4" href="#" onClick="changeClassGrp('link4', 'selectedLink',2)">Link2-2</A>
##
## Zonder groeps ID.
## <A ID="link10" href="#" onClick="changeClass('link10', 'selectedLink')">Link10</A>
## <A ID="link11" href="#" onClick="changeClass('link11', 'selectedLink')">Link11</A>
*/

// Vullen van 100 groep posities in het geheugen...
var arrGroups = new Array();
var intGrp = 0;
while (intGrp <= 100)
{
	arrGroups[intGrp] = new Array("","");
	intGrp++;
}

function changeClass(strName, strClassName)
{
	changeClassGrp(strName, strClassName, 100)
}

function changeClassGrp(strName, strClassName, intGrp)
{
	// Vraag de groep gegevens op uit het geheugen.
	var arrTest = arrGroups[intGrp];
	
	var strOldName = arrTest[0];
	var strOldClass = arrTest[1];

	if ( (strOldName != "") && (strOldClass != "") )
	{
		var obOldId = getElement(strOldName);
		
		// Zet de vorige verandering weer terug.
		if (obOldId) obOldId.className = strOldClass;
	}
	
	// Verander de className.
	var obId = getElement(strName);
	if (obId)
	{
		arrTest[0] = strName;
		arrTest[1] = obId.className;
		obId.className = strClassName;
	}
}

// Opvragen van een element uit het document.
function getElement(strElement)
{
	var obVal = null;
	
	// Volgens W3C.org moeten we document.getElementById gebruiken ipv. document.all
	// Hierdoor ook NS6+ compatible.
	if (document.getElementById)
	{
		obVal = document.getElementById(strElement);
	}
	else
	{	
		if (document.all) obVal = document.all[strElement];
	}
	
	return obVal;
}