var ocl = new Array();
var select = -1;
var name2 = '';
var temp = 0;

var mouseOvers = new Array();
var mouseOuts = new Array();

//window.onload = init();

var base= ""
var nrm = new Array();
var omo = new Array();
var ocl = new Array();
var stuff = new Array('btnStudiegroep','btnInformatie','btnForum','btnContact');
var select = -1;
var name2 = '';
var temp = 0;

// Pre-load part.

if (document.images)
{
	for (var i=0;i<stuff.length;i++)
	{
		nrm[i] = new Image;
		nrm[i].src = base + stuff[i] + '.png';
		omo[i] = new Image;
		omo[i].src = base + stuff[i] + '_mo.png';
		ocl[i] = new Image;
		ocl[i].src = base + stuff[i] + '_clic.png';
	}
}
// The functions: first mouseover, then mouseout
function over(no)
{
	if (document.images && select != no)
	{
		document.images[stuff[no]].src = omo[no].src
	}
}
function out(no)
{
	if (document.images && select != no)
	{
		document.images[stuff[no]].src = nrm[no].src
	}
}
function clic(no)
{
	if (document.images)
	{
		document.images[stuff[no]].src = ocl[no].src
		temp = select;
		select = no;
		if (temp != -1) {out(temp)}
	}
}
function getStudiegroep(){
	var url = 'studiegroep.htm';
	new Ajax.Updater('inhoud', url);
}
function getInformatie(){
	var url = 'Informatie.htm';
	new Ajax.Updater('inhoud', url);
}
function getForum(){
	var url = 'Forum.htm';
	new Ajax.Updater('inhoud', url);
}
function getContact(){
	var url = 'Contact.htm';
	new Ajax.Updater('inhoud', url);
}