Load ListView data while scrolling page down with jQuery in ASP.Net

hi,

i have following control in my page

1. listview

2. datapager with has pagesize 10

3. link button (show more)

4. on click on link button i am adding + 10 in the current data page size to add more records in listview.

it works fine.

what i want is that when user reach the last scrolling point of page Link button (show more) automatically click so user does not need to click it 

here is my source code please advice

<asp:ListView ID="ListView1" runat="server" DataSourceID="SqlDataSource1">
    <ItemTemplate>
        <asp:Label ID="Label6" runat="server" Text='<%# Eval("CountryId") %>' ></asp:Label> 
        <asp:Label ID="Label3" runat="server" Text='<%# Eval("CountryName") %>'></asp:Label> 
        <br> </br>       
    </ItemTemplate>                
</asp:ListView>
<asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">Show More</asp:LinkButton>
<asp:DataPager ID="DataPager1" runat="server" PagedControlID="ListView1" PageSize="10"></asp:DataPager>

protected void LinkButton1_Click(object sender, EventArgs e)
{
    int currentpage= int.Parse (DataPager1.PageSize.ToString());
    DataPager1.PageSize = currentpage + 10;
}