sfHover = function() {
	var sfEls = document.getElementById('nav').getElementsByTagName('LI');
	for (var i = 0; i < sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}

seHover = function() {
	var seEls = document.getElementById('sub-nav').getElementsByTagName('LI');
	for (var i = 0; i < seEls.length; i++) {
		seEls[i].onmouseover=function() {
			this.className+=" sehover";
		}
		seEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sehover\\b"), "");
		}
	}
}

if (window.attachEvent) window.attachEvent("onload", sfHover);
if (window.attachEvent) window.attachEvent("onload", seHover);

function initialize() {
	var locatie = new google.maps.LatLng(51.044496, 4.359346);
	var myOptions = {
		zoom: 15,
		center: locatie,
		streetViewControl: false,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	}
	var map = new google.maps.Map(document.getElementById("map"), myOptions);
	
	var marker = new google.maps.Marker({
		position: locatie, 
		map: map
	});
}

function loadScript() {
	var script = document.createElement("script");
	script.type = "text/javascript";
	script.src = "http://maps.google.com/maps/api/js?sensor=false&callback=initialize";
	document.body.appendChild(script);
}

function addLoadEvent(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function() {
			if (oldonload) {
				oldonload();
			}
			func();
		}
	}
}

if (document.getElementById("map")) {
	addLoadEvent(loadScript);
}
