var Event = {
	add: function(obj,type,fn)
	{
		if (obj.attachEvent)
		{	// IE
			obj['e'+type+fn] = fn;
			obj[type+fn] = function() { obj['e'+type+fn](window.event); }
			obj.attachEvent('on'+type,obj[type+fn]);
		}
		else
		{	// Firefox
			obj.addEventListener(type,fn,false);
		}
	}
}

function nav(bron, x)
{
	if (x == 0)
	{
		huidigeBron = bron.firstChild.src;
		bron.firstChild.src = bron.firstChild.src + '_over.gif';
	}
	else
	{
		bron.firstChild.src = huidigeBron;
	}
}

function navigate()
{
	var ankers  = document.getElementById('navigatie').getElementsByTagName('a');
	for(var i = 0; i < ankers.length; i++)
	{
		Event.add(ankers[i],'mouseover',function() { nav(this, 0); });
		Event.add(ankers[i],'mouseout',function() { nav(this, 1); });
	}
	var ankers2 = document.getElementById('subnavigatie').getElementsByTagName('a');
	for(var i = 0; i < ankers2.length; i++)
	{
		Event.add(ankers2[i],'mouseover',function() { nav(this, 0); });
		Event.add(ankers2[i],'mouseout',function() { nav(this, 1); });
	}
}
Event.add(window,'load',navigate);

// preload navigatie images
a = new Image(); a.src = "images/navigatie/home.gif_over.gif";
b = new Image(); b.src = "images/navigatie/algemeen.gif_over.gif";
c = new Image(); c.src = "images/navigatie/nieuws.gif_over.gif";
d = new Image(); d.src = "images/navigatie/kdv.gif_over.gif";
e = new Image(); e.src = "images/navigatie/bso.gif_over.gif";
f = new Image(); f.src = "images/navigatie/fotoalbum.gif_over.gif";
g = new Image(); g.src = "images/navigatie/personeel.gif_over.gif";
h = new Image(); h.src = "images/navigatie/ouders.gif_over.gif";

a2 = new Image(); a2.src = "images/navigatie/home.gif_over.gif_over.gif";
b2 = new Image(); b2.src = "images/navigatie/algemeen.gif_over.gif_over.gif";
c2 = new Image(); c2.src = "images/navigatie/nieuws.gif_over.gif_over.gif";
d2 = new Image(); d2.src = "images/navigatie/kdv.gif_over.gif_over.gif";
e2 = new Image(); e2.src = "images/navigatie/bso.gif_over.gif_over.gif";
f2 = new Image(); f2.src = "images/navigatie/fotoalbum.gif_over.gif_over.gif";
g2 = new Image(); g2.src = "images/navigatie/personeel.gif_over.gif_over.gif";
h2 = new Image(); h2.src = "images/navigatie/ouders.gif_over.gif_over.gif";


i = new Image(); i.src = "images/navigatie/sub_contact.gif_over.gif";
j = new Image(); j.src = "images/navigatie/sub_links.gif_over.gif";
k = new Image(); k.src = "images/navigatie/sub_vacatures.gif_over.gif";
l = new Image(); l.src = "images/navigatie/sub_sluit.gif_over.gif";