<link href="System.UI.PagingBar.css" type="text/css" rel="stylesheet" rev="stylesheet" media="all" />
<script type="text/javascript" src="../../Src/System.UI.PagingBar.js"></script>

<script type="text/javascript">
    //
    function pager1_PageChanged(sender)
    {
        document.getElementById('div_temp1').innerHTML = 'CurrentPageIndex=' + sender.CurrentPageIndex;
    }
    //
    var pager1 = new System.UI.PagingBar();
    pager1.Id = 'pager1';
    pager1.CurrentPageIndex = 1;
    pager1.PageShowCount = 5;
    pager1.PageTotal = 24;
    pager1.FirstPageTextFormat = '[<<]';
    pager1.PrevPageTextFormat = '[<]';
    pager1.PrevLevelTextFormatFormat = '[..]';
    pager1.PageItemTextFormat = '[{0}]';
    pager1.NextLevelText = '[..]';
    pager1.NextPageTextFormat = '[>]';
    pager1.LastPageTextFormat = '[>>]';
    pager1.OnClickHandler = pager1_PageChanged;
    pager1.OnLoadHandler = pager1.OnClickHandler;
    pager1.Create('div_pager_container1');
</script>