var imgNav = new Array(
'images/home_hover.png',
'images/merken_overzicht_hover.png',
'images/shops_overzicht.png',
'images/nieuwsbrief_hover.png',
'images/contact_hover.png'
); // source navigation hover images
var preNav = new Array; // declare preload
var hoverNav = 0;

menuHover = function() {
	var sfEls = document.getElementById("navigation").getElementsByTagName("img");
	
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			if( this.src.match("_hover") )
				hoverNav = 1;
			else {
				hoverNav = 0;
				this.src = this.src.replace(new RegExp(".png\\b"), "") + "_hover.png";
			}
		}

		sfEls[i].onmouseout=function() {
			if( hoverNav == 0 )
				this.src=this.src.replace(new RegExp("_hover.png\\b"), "") + '.png';
		}
	}
}

function setNav() {
	for( var i = 0; i < imgNav.length; i++ ) {
		preNav[i] = new Image;
		preNav[i].src = imgNav[i];
	}
	var imgSrc = document.getElementById("navigation").getElementsByTagName("li");
	var imgLinks = document.getElementById("navigation").getElementsByTagName("a");
	for(var i=0; i<imgSrc.length; i++ ) {
		imgSrc[i].getElementsByTagName('a')[0].innerHTML = '<img src="images/'+imgSrc[i].className+'.png" alt="" />';
	}
	menuHover();
}