$(function(){
    $('.geslacht').change(function(){
        changeGender(this);
    });
});

function changeGender(obj){
    
    input = $(obj);
    gender = input.val();
    dl = input.parent().parent().parent();
    id = dl.attr('id');

        switch(gender){
            case 'M':
                options = getMaleSizes();
            break;
            
            case 'V':
                options = getFemaleSizes();
            break;
        }
        
    options.attr('name', 'maat['+id+']');
    select = $('dl#'+id+' .maat');
    select.remove();
    input.after(options);
        
}

function getMaleSizes(){
    /* m l xl */
    select = $('<select></select>');
    select.attr('class', 'maat');

    var options = {
        "M"  : "M"
        /*,"L"  : "L",*/
        /*"XL" : "XL"*/
    }

    select.addOption(options);

    return select;
};

function getFemaleSizes(){
    /* s m l */
    select = $('<select></select>');
    select.attr('class', 'maat');

    var options = {
        "S"  : "S"/*,,
        "M"  : "M"
        "L"  : "L"*/
    }    
    
    select.addOption(options);
    
    return select;
    
};