$(function() {
    ListingEditor.register('name', {
        fields: {
            "Name": "name",
            "Tags": "textarea.tags:tags"
        },
        show: function(callback, cancelCallback) {
            var context = this;
            var editor = $$("div.editor");

            $("<h2>Edit <strong>Listing Name</strong></h2>").appendTo(editor);
            
            editor.append(EditorFormatter.fieldTable(this.fields));
            
            if (!(ListingEditor.options['mode'] == 'approve' || ListingEditor.options['mode'] == 'save' || ListingEditor.options['mode'] == 'merge')) {
              editor.find("tr.tags").hide();
            }
            
            var buttons = EditorFormatter.dialogButtons(function() {
                EditorFormatter.saveData(editor);
                ModalPopup.hide();
                if (callback) callback();
            }, function () {
                ModalPopup.hide();    
                if (cancelCallback) cancelCallback();       
            }).appendTo(editor);
            
            
            if (ListingEditor.options['mode'] == 'submit'){
              buttons.find('button.save').after($$('button', 'Delete Listing').click(function(){
                ListingEditor.updateSubmission('name', '[DELETE] ' + ListingEditor.originalListing.name);
                ListingEditor.submit();
              }));
            }
            EditorFormatter.applyData(editor);
            ModalPopup.show(editor);
        },
        refresh: function() {
            var el = $('#name');
            $("#name span").text(ListingEditor.workingListing().name)
        }
    });
});