Jquery Dialog based on ASP.NET

https://secure.senddr.com/invoice_list.aspx?t=2

  <%--### popup script ###--%>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>

    
      <script type="text/javascript">

      $(document).ready(function () {

          // Dialog for send to refresh queue
          $("#dialog").dialog({
              autoOpen: false,
              height: 180,
              modal: true,
              show: {
                  effect: "explode",
                  duration: 500
              },
              hide: {
                  effect: "explode",
                  duration: 500
              },
              buttons: {
                  "Send Now": function () {
                      $(this).dialog("close");
                      <%= Page.ClientScript.GetPostBackEventReference(Me.Button_refresh, "")%>;
                },
                Cancel: function () {
                    $(this).dialog("close");
                }
            }
          });

          
          // Dialog for check the checkboxes
          $("#dialog_check").dialog({
              autoOpen: false,
              height: 180,
              modal: true,
              buttons: {
                  "OK": function () {
                      $(this).dialog("close");
                  }
              }
           });

          // When Button <Button_refresh> Click
        $("#<%=Button_refresh.ClientID%>").click(
            function (e) {
                e.preventDefault()
               var isChecked = $("input:checkbox:checked").val();

               if (isChecked == null) {
                   $("#dialog_check").dialog('open');
                }
                else {
                    $("#dialog").dialog('open');
                }
                
            }
        );

          //When Button <Button_approve> Click
          $("#<%=Button_approve.ClientID%>").click(
           function (e) {
               e.preventDefault()
               var isChecked = $("input:checkbox:checked").val();

               if (isChecked == null) {
                   $("#dialog_check").dialog('open');
               }
               else {
                   <%= Page.ClientScript.GetPostBackEventReference(Me.Button_approve, "")%>;
               }
           }
       );

          //When Button <Button_reject> Click
          $("#<%=Button_reject.ClientID%>").click(
          function (e) {
              e.preventDefault()
              var isChecked = $("input:checkbox:checked").val();

              if (isChecked == null) {
                  $("#dialog_check").dialog('open');
              }
              else {
                  <%= Page.ClientScript.GetPostBackEventReference(Me.Button_reject, "")%>;
              }

          }
      );
    });


</script>
  <%--  ### end popup script ###--%>

<td><span class="chk"><input type="checkbox" name="chk" value="<%# CStr(DataBinder.Eval(Container.DataItem, "senddr_invoiceID"))%>" id='chk<%# CStr(DataBinder.Eval(Container.DataItem, "senddr_invoiceID"))%>' /></span></td>

 <asp:Panel ID="Panel_hold" runat="server" Visible ="false">
    <asp:Button ID="Button_approve" runat="server" class="button green" Text="Approve" OnClick="ApproveInvoices"/> 
    <asp:Button ID="Button_reject" runat="server" class="button green" Text="Reject" OnClick="RejectInvoices"/> 
    <asp:Button ID="Button_refresh" runat="server" class="button green" Text="Refresh" OnClick="RefreshInvoices"  />
 
 
    <div id="dialog" title="Invoice Refresh Queue">
          <p>Invoice(s) will send to the refresh queue</p>    
    </div>
 
        <div id="dialog_check" title="Whoops!">
            <p>Please select at least one invoice</p>  
        </div>