how can i implement next previous buttons in image gallery?

See more:

ASP.NET

Javascript

jQuery

imaging

i have agridview populate from database when i clicked image in gridview it opens in new image called imgFull this image illustrate my explain more

[ Image]

i want to put next and previous button to get in my div the next image from database i want to develop it by jquery or javascript this is asmple of my code

<div>
 <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" 
  Font-Names="Arial">
 <Columns>
  <asp:BoundField DataField="ID" HeaderText="ID" />
<asp:BoundField DataField="FileName" HeaderText="Image Name" />
<asp:TemplateField HeaderText="Preview Image">
    <ItemTemplate>
        <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl='<%# "images/"     +Eval("FilePath")  %>' Width="100px" Height="100px" Style="cursor: pointer" OnClientClick = "return LoadDiv(this.src);"/>

  </ItemTemplate>
</asp:TemplateField>
 </Columns>
</asp:GridView>
    </div>

  <div id="divBackground" class="modal">

 </div>
 <div id="divImage" class = "info"> 
           <input id="btnNext" type="button" value="next" />
                <input id="Button1" type="button" value="left" />
           <input id="Button2" type="button" value="right" />
            <img id="imgLoader" alt=""
             src="~/images/loader.gif" />

          <img id="imgFull"  runat="server" alt="" src=""  style="height: 500px;width: 590px"/>

 <input id="btnClose" type="button" value="close"  önclick="HideDiv()"/>
 </div>

i need help plz