var knoppenLocatie = "plaatjes/"

var categorie = new Array
	(
		'welkom',
		'algemeen',
		'programma',
		'standen',
		'persoonlijk',
		'historie',
		'colofon'
	);

var statusteksten = new Array
	(
		'Welkom op de website van de Drie-provinciencompetitie',
		'Algemene informatie: reglement en gegevens van de deelnemende verenigingen',
		'Het programma van het lopende seizoen',
		'Uitslagen en standen',
		'Persoonlijke resultaten van alle spelers, ook per vereniging',
		'De rijke historie van de Drie-provinciencompetitie van 1962 tot heden',
		'Colofon: hoe en door wie wordt deze website gemaakt'
	);

var knoppen = new Array(3*categorie.length);

for (var teller = 0 ; teller < knoppen.length ; teller++)
	knoppen[teller] = new Image();
	
for (var teller = 0 ; teller < categorie.length ; teller++)
{
	knoppen[3*teller+0].src = knoppenLocatie + categorie[teller] + ".gif";
	knoppen[3*teller+1].src = knoppenLocatie + categorie[teller] + "_f2.gif";
	knoppen[3*teller+2].src = knoppenLocatie + categorie[teller] + "_f3.gif";
}

var keuze = 0;

function zetKnop (nummer)
{
	keuze = nummer;
	update();
}

function update ()
{
	for (var nummer = 0 ; nummer < document.images.length ; nummer++)
		if (nummer == keuze)
			document.images[nummer].src = knoppen[nummer*3 + 2].src;
		else
			document.images[nummer].src = knoppen[nummer*3].src;
}

function mouseOver (nummer)
{
	if (nummer != keuze)
		document.images[nummer].src = knoppen[nummer*3 + 1].src;

	window.status = statusteksten[nummer];
}

function mouseOut (nummer)
{
	if (nummer != keuze)
		document.images[nummer].src = knoppen[nummer*3].src;
}

function mouseClick (nummer)
{
	if (nummer != keuze)
	{
		zetKnop(nummer);
		document.images[nummer].src = knoppen[nummer*3 + 2].src;
	}
}