function hoofdMenu(){
    this.arrFiguren = ['menuvzw', 'menuschool', 'menuduiken', 'menucontact', 'menuwiki'];
    this.arrLabels = ['Over de<br /> vzw CDT', 'Over de<br /> duikschool CDT', 'Over duiken<br /> met CDT', 'Contacteer<br />CDT', 'Meer op de<br />ledensite'];
    this.arrAlts = ['over de vzw', 'over de duikschool', 'over duiken', 'contacteer cdt', 'naar (externe) wiki'];
    this.arrSubmenus = [];
    var vorigsubmenu = $maincols[0];
}

hoofdMenu.prototype = {
    dockInactivity: 2500,
    dockLabels: true,
    dockAlign: 'top',
    dockSize: 70,
    maak: function($parent){
        for (iM = 0; iM < $maincols.length; iM++) {
            (new menuKnop(this.arrFiguren[iM], this.arrLabels[iM], this.arrAlts[iM], $maincols[iM])).maak($parent);
            this.arrSubmenus[$maincols[iM]] = new subMenu($maincols[iM]);
            this.arrSubmenus[$maincols[iM]].maak($('#submenudock'));
        }
        
        var instance = this;
        var vorigsubmenu = this.vorigsubmenu;

        // klik op item in hoofdmenu
        $parent.children().click(function(){
            if (vorigsubmenu) {
                instance.arrSubmenus[vorigsubmenu].verberg();
            }
            instance.arrSubmenus[$(this).attr('id').replace('lnkmenu', '')].toon();
            vorigsubmenu = $(this).attr('id').replace('lnkmenu', '');
        })
        
        // met muis over item in hoofdmenu (doe niks, aanvullen als dit moet wijzigen)
        $parent.children().hover(function(){
            return false;
        }, function(){
            return false;
        });
        
        // instelligen voor hoofdmenu
        //$parent.jqDock({
        //    inactivity: this.dockInactivity,
        //    labels: this.dockLabels,
        //    align: this.dockAlign,
        //    size: this.dockSize
        //});
    }
}