$(document).ready(function() {

    $("#navigation ul").superfish({
        hoverClass: "sfHover",
        pathClass: "overideThisToUse",
        delay: 400,
        animation: { opacity: "show" },
        speed: "normal",
        oldJquery: false, /* set to true if using jQuery version below 1.2 */
        disableHI: true, /* set to true to disable hoverIntent detection */
        onInit: function() { },
        onBeforeShow: function() { },
        onShow: function() { },
        onHide: function() { }
    });

    var arrValues = $("#navigation ul:first>li");

    var menu = new Array();
    menu[0] = 'nav-actueel';
    menu[1] = 'nav-bestuur';
    menu[2] = 'nav-organisatie';
    menu[3] = 'nav-projecten';

    $.each(
			 arrValues,
				 function(intIndex, objValue) {
				     objValue.className = menu[intIndex];
				 }
			 );


});