if (typeof realm == 'undefined') realm = {};
if (typeof realm.grid == 'undefined') realm.grid = {};

realm.grid.renderPage = function(idPage, dataset, fn) {
    if (dataset.Pages <= 0) return "";

    var arrayPrev = [5,10,50,100,250,500];
    var content = '<table class="RealmNote"><tr>';

    content += '<td align="right" style="width:25%">';
    for (var i in arrayPrev) {
        if (dataset.Page > arrayPrev[i]) {
            content += '&nbsp;<a title="Last ' + (dataset.Page - arrayPrev[i]) + ' Pages" href="javascript:' + fn + '(' + (arrayPrev[i]) + ')"><img src="' + realm.APPURL + 'images/icon-previous3.gif" /> - ' + arrayPrev[i] + ' P </a> | ';
        }
    }
    content += '</td>';

    content += '<td align="center">';
    
    var previous2 = (dataset.Page - 3); if (previous2 <= 1) previous2 = 1;
    for (var i = previous2; i < dataset.Page; i++)
        content += ' | <a title="Page ' + i + '" href="javascript:' + fn + '(' + (i) + ')"><img src="' + realm.APPURL + 'images/icon-previous3.gif" /> P ' + i + '</a>&nbsp;';

    var previous = (dataset.Page - 1); if (previous <= 1) previous = 1;
    content += '&nbsp;<a title="Previous Page" href="javascript:' + fn + '(' + (previous) + ')"><img src="' + realm.APPURL + 'images/icon-previous2.gif" /></a>&nbsp;';
    content += '<b>Page ' + dataset.Page + ' of  <a title="Last Page" href="javascript:' + fn + '(' + dataset.Pages + ')">' + dataset.Pages + '</a></b>';


    var next = (dataset.Page + 1); if (next >= dataset.Pages) next = dataset.Pages;
    content += '&nbsp;<a title="Next Page" href="javascript:' + fn + '(' + (next) + ')"><img src="' + realm.APPURL + 'images/icon-next2.gif" /></a>';

    var next2 = (dataset.Page + 3); if (next2 > dataset.Pages) next2 = dataset.Pages;
    for (var i = dataset.Page; i < next2; i++)
        content += ' | <a title="Page ' + i + '" href="javascript:' + fn + '(' + (i) + ')">P ' + i + ' <img src="' + realm.APPURL + 'images/icon-next3.gif" /></a>&nbsp;';
        
    content += '</td>';

        
    content += '<td style="width:30%">';
    var arrayNext = [5, 10, 50, 100, 250, 500];
    for (var i in arrayNext) {
        if ((dataset.Page + arrayNext[i]) < dataset.Pages) {
            content += ' | <a title="Next ' + (arrayNext[i]) + ' Pages" href="javascript:' + fn + '(' + (arrayNext[i]) + ')"> ' + (arrayNext[i]) + ' P <img src="' + realm.APPURL + 'images/icon-next3.gif" /></a>&nbsp;';
        }
    };
    content += '</td>';
    content += '</tr></table>';
    idPage.html(content);
};