// main function to handle the mouse events //
/*
$(document).ready(function () {

	$('#hoofdnavigatie li').hover(
		function () {
			//show its submenu
			$('ul', this).slideDown(300);

		},
		function () {
			//hide its submenu
			$('ul', this).slideUp(300);
		}
	);

});
*/

sfHover = function()
{
	var sfEls = document.getElementById("hoofdnavigatie").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"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);