iD.commit = function() {
    var event = d3.dispatch('cancel', 'save');

    function commit(selection) {
        var changes = selection.datum(),
            header = selection.append('div').attr('class', 'header modal-section'),
            body = selection.append('div').attr('class', 'body');

        header.append('h2').text('Upload Changes to OpenStreetMap');
        header.append('p').text('The changes you upload will be visible on all maps that use OpenStreetMap data.');

        var commit = body.append('div').attr('class','modal-section');
                commit.append('textarea')
                    .attr('class', 'changeset-comment')
                    .attr('placeholder', 'Brief Description of your contributions');

            var buttonwrap = commit.append('div')
                        .attr('class', 'buttons');

                var savebutton = buttonwrap.append('button')
                    .attr('class', 'action wide')
                    .on('click.save', function() {
                        event.save({
                            comment: d3.select('textarea.changeset-comment').node().value
                        });
                    });
                    savebutton.append('span').attr('class','icon save icon-pre-text')
                    savebutton.append('span').attr('class','label').text('Save')
                var cancelbutton = buttonwrap.append('button')
                    .attr('class', 'cancel wide')
                    .on('click.cancel', function() {
                        event.cancel();
                    });
                    cancelbutton.append('span').attr('class','icon close icon-pre-text')
                    cancelbutton.append('span').attr('class','label').text('Cancel')

        var section = body.selectAll('div.commit-section')
            .data(['modified', 'deleted', 'created'].filter(function(d) {
                return changes[d].length;
            }))
            .enter()
            .append('div').attr('class', 'commit-section modal-section');

        section.append('h3').text(String)
            .append('small')
            .attr('class', 'count')
            .text(function(d) { return changes[d].length; });

        var li = section.append('ul')
            .attr('class','changeset-list')
            .selectAll('li')
            .data(function(d) { return changes[d]; })
            .enter()
            .append('li');

        li.append('strong').text(function(d) { return d.type + ' '; });
        li.append('span')
            .text(function(d) {
                 return iD.util.friendlyName(d);
            })
            .attr('title', iD.util.tagText);
    }

    return d3.rebind(commit, event, 'on');
};