asyncfileupload refresh and reload datalist problem

hi,

I have a wizard control and in one wizard step i have an AsyncFileUpload and a datalist

i need to load the datalist after asyncfileUpload uploaded the file

belowe is my complete code which i got from another example but it does not work!

is there any other better way to do this?

       <script type="text/javascript">
      function uploadComplete2(sender, args) {
          try {
              var fileExtension = args.get_fileName();
              var jpg = fileExtension.indexOf('.jpg');
              var gif = fileExtension.indexOf('.gif');
              var filesizeuploaded = parseInt(args.get_length());
              if (jpg > 0 || gif > 0 &&  (filesizeuploaded < 1000000)) {
                  $get("dvFileInfo2").style.display = 'block';
                  $get("dvFileErrorInfo2").style.display = 'none';
                  $get("<%=uploadsuccess2.ClientID%>").innerHTML;

              }
              else {
                  $get("dvFileErrorInfo2").style.display = 'block';
                  $get("<%=uploaderror2.ClientID%>").innerHTML = ' <asp:Literal runat="server" Text='<%$ Resources:default,errInvalidImageType%>' />';
                  $get("dvFileInfo2").style.display = 'none';
                  return;
              }

          }
          catch (e) {

              $get("<%=uploaderror2.ClientID%>").innerHTML = e.message;
          }
      }

</script>


      Protected Sub UpdatePanelUpload_Load(sender As Object, e As System.EventArgs) Handles UpdatePanelUpload.Load
            imageList.DataBind()
            fileUpload2.ClearAllFilesFromPersistedStore()
        End Sub


 <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional" >
        <ContentTemplate>

            <asp:Wizard ID="Wizard1" runat="server"
                                       onfinishbuttonclick="OnFinishButtonClick"  
                                        onactivestepchanged="OnActiveStepChanged"
                                 
                                     StartNextButtonText='<%$ Resources:default,btnAddListing%>'
                                     
                                        DisplaySideBar="false"  >

                    <asp:WizardStep ID="WizardStep2" runat="server" AllowReturn="false" >

                                     <asp:Panel runat="server" ID="panel_photos">
                 
     

          <label><asp:Literal ID="Literal38" runat="server" Text="<%$ Resources:default,Image%>" /></label>
             <asp:AsyncFileUpload ID="fileUpload2" runat="server" BackColor="AliceBlue" UploadingBackColor="Red"
                                        OnUploadedComplete="UploadImage2" OnClientUploadComplete="uploadComplete2" ThrobberID="throbber" />
              <span style="display: none">
            <asp:Label ID="flag" runat="server" Text="Waiting" ClientIDMode="Static" />
        </span>
              <asp:UpdatePanel ID="UpdatePanelUpload" runat="server"  OnLoad="UpdatePanelUpload_Load">
                        <ContentTemplate>
               <div id="photoUpload">
                               <asp:Label runat="server" ID="txtUploadMessage2" Style="display: none;">
                                      <img alt="" src="images/Loading.gif" />
                                    </asp:Label>
                                    <div style="display: none; font-family: Courier; width: 600px" id="dvFileInfo2">
                                        <asp:Label ID="uploadsuccess2" ForeColor="Blue" runat="server" Text='<%$ Resources:default,msgImageUploadSuccess %>' /><br />
                                    </div>
                                    <div style="display: none; font-family: Courier; width: 800px" id="dvFileErrorInfo2">
                                        <asp:Label ID="uploaderror2" ForeColor="Red" runat="server"  /><br />
                                    </div>
                             </div>
 
 <div class="imagetype">
<asp:RadioButtonList runat="server" ID="imageType" RepeatDirection="Horizontal"  RepeatLayout="Table"/>
</div>
 <br />
                  <label><asp:Literal ID="Literal37" runat="server" Text="<%$ Resources:admin,ImageList%>" /></label>
              <div class="imageBox">
                  <asp:DataList runat="server" ID="imageList" RepeatColumns="5" RepeatDirection="Horizontal">
                  <ItemTemplate>
                 <asp:Imagebutton runat="server" ID="image" /><br />
                 <asp:Literal runat="server" ID="imageType" /><br />
                 <asp:LinkButton runat="server" ID="btnDelete" CommandArgument='<%# eval("ID") %>' CommandName="delete" Text='<%$ Resources:admin,btnDelete%>' />
                  </ItemTemplate>
                  </asp:DataList></div>
                       </ContentTemplate>
                          </asp:UpdatePanel>

                          <script type="text/javascript">
                              Sys.Application.add_init(application_init);

                              function application_init() {
                                var prm = Sys.WebForms.PageRequestManager.getInstance();
                              prm.add_pageLoaded(prm_pageLoaded);
                               }

                              function prm_pageLoaded() {
                                  $('#flag').text('Waiting');
                              }

                              function uploadComplete(sender) {
                                  $('#flag').text('Refresh');
                              }

                              $(document).ready(
                              setInterval(function () {
                                  var f = $('#flag').text();
                                  if (f != 'Waiting') { __doPostBack('UpdatePanelUpload', ''); }
                              }, 2000)
                         );
        </script>
     </asp:Panel>
                    </asp:WizardStep>

 </WizardSteps>
                    </asp:Wizard>
                      </ContentTemplate>
 
    </asp:UpdatePanel>