Paging for genetic content control

[Rajesh]

I have created a custom control  similar to product control and  customized the look of ItemList page  with repeater control in ContentViewItemList.ascx .

I have added paging at the bottom of the page  with code below. With that paging works fine but page numbers appear as
Prev 1 2 3 4 Next

However I need it to display links as
Prev Page 1 of 4 Next

Could you please advise me as to how I can use PageNumber and PageCount  to achive paging as above?

 

<sf:Pager ID="pager1" runat="server">
    <LayoutTemplate>
        <asp:Repeater ID="PageRepeaterLinkButton" runat="server">
            <HeaderTemplate>
                <div class="floatRt">
                        <asp:LinkButton ID="PreviousPage" runat="server" Text="<%$Resources:PreviousPage %>"></asp:LinkButton>

            </HeaderTemplate>
            <ItemTemplate>
                 |
                    <asp:LinkButton ID="SingleItem" runat="server" />
            </ItemTemplate>
            <FooterTemplate>
                 |
                    <asp:LinkButton ID="NextPage" runat="server" Text="<%$Resources:NextPage %>"></asp:LinkButton>
                </div>
            </FooterTemplate>
        </asp:Repeater>
        <asp:Repeater ID="PageRepeaterHyperLink" runat="server">
            <HeaderTemplate>
                <div class="floatRt">
                        <asp:HyperLink ID="PreviousPage" runat="server" Text="<%$Resources:PreviousPage %>"></asp:HyperLink>

            </HeaderTemplate>
            <ItemTemplate>
                 |
                    <asp:HyperLink ID="SingleItem" runat="server" />
            </ItemTemplate>
            <FooterTemplate>
                 |
                    <asp:HyperLink ID="NextPage" runat="server" Text="<%$Resources:NextPage %>"></asp:HyperLink>
                    </div>
            </FooterTemplate>
        </asp:Repeater>
    </LayoutTemplate>
</sf:Pager>