function subMenu(hoofdkeuze){
    this.hoofdkeuze = hoofdkeuze;
    this.id = 'submenu' + this.hoofdkeuze;
    this.arrKnoppen = [];
    this.obj = document.getElementById(this.id);
}

subMenu.prototype = {
    maak: function($parent){
        oMenu = document.createElement("div");
        oMenu.id = this.id;
        
        $parent.append(oMenu);
        aantal = $('#col' + this.hoofdkeuze).children('div.sub').length;
        for (iS = 0; iS < aantal; iS++) {
            var knopNaam = $('#col' + this.hoofdkeuze + ' div:nth-child('+ (iS + 1) + ')').attr('id');
            var xpos = ($('#mainmenudock').width() - $('#submenudock').width()) / 2 + (iS + 0.5) / aantal * $('#submenudock').width();
            this.arrKnoppen[knopNaam] = new submenuKnop('submenu' + Math.round($.random(1, aantalSubmenuFigs)), knopNaam, xpos);
            this.arrKnoppen[knopNaam].maak($('div#' + oMenu.id));
        }
    },
    toon: function(){
        for (var oKnop in this.arrKnoppen) {
            this.arrKnoppen[oKnop].toon();
        }
        // scroll naar eerste element
        var $target = $('#subknop' + $('#col' + this.hoofdkeuze + ' div:first-child').attr('id'));
        $target.trigger('click')
    },
    verberg: function(){
        for (var oKnop in this.arrKnoppen) {
            this.arrKnoppen[oKnop].verberg();
        }
    },
}