jQuery modal dialog in hyperlink confirmation

[Trenton Perceval]

Hi.
I have the following form field:

    <field name="deleteAction" title=" " sort-field="false">
        <hyperlink target="removeRole"
            	image-location="${iconsLocation}/delete.png"
            	image-title="${uiLabelMap.CommonRemove}"
            	confirmation-message="${uiLabelMap.CommonConfirm}">
                <parameter param-name="id" />
                <parameter param-name="roleName" />
        </hyperlink>
    </field>

Normally, OFBiz uses classic JavaScript confirm box with a confirmation-message and two buttons (OK and Cancel).
I would like to have different buttons. I know I probably have to use jQuery modal dialog box, but I don't know how to use it in OFBiz form.
Can you show me how to insert the following script to my form?

  <script>
  $(function() {
    $( "#dialog-confirm" ).dialog({
      resizable: false,
      height:140,
      modal: true,
      buttons: {
        "Delete all items": function() {
          $( this ).dialog( "close" );
        },
        Cancel: function() {
          $( this ).dialog( "close" );
        }
      }
    });
  });
  </script>