{%
var itemStart           = (size * (page - 1)) + 1;
var itemEnd             = Math.min(total, size * page);

/* ------------------------- pager calculations -------------------------*/
var pagerSubRange       = 3;
var pagerFirst          = page - Math.min((page - 1), pagerSubRange);
var pagerLast           = Math.min(count, page + pagerSubRange);
var pagerPrependable    = Math.abs(pagerLast - (page + pagerSubRange));
var pagerAppendable     = pagerFirst - (page - pagerSubRange);

pagerFirst              = page - Math.min((page - 1), (pagerSubRange + pagerPrependable));
pagerLast               = Math.min(count, page + (pagerSubRange + pagerAppendable));

function goto_page(page) {
    $("#list_page").val(page);
    search.update();
}
%}

{% print("<sc" + "ript type=\" text/javascript\">"); %}
function goto_page(page) {
$("#list_page").val(page);
search.update();
$('html, body').animate({ scrollTop: $(".news-overview").offset().top});
}
{% print("</sc" + "ript>"); %}

{% if(count > 1) { %}

<p class="pager-result">Result {{itemStart}}-{{itemEnd}}</p>

{% if(page > 1) { %}
<a href="javascript:goto_page({{page==1 ? 1 : page - 1}})" rel="nofollow" class="pager-prev">Previous</a>
{% } %}
{% if(page < pagerLast) { %}
<a href="javascript:goto_page({{page==count ? count : page + 1}})" rel="nofollow" class="pager-next">Next</a>
{% } %}

<div class="pager-numbers viewport-m_-hide">
    {% for(i = pagerFirst; i <= pagerLast; ++i) { %}
    <a href="javascript:goto_page({{i}})" rel="nofollow" class="pager-number {{i==page ? 'active': ''}}">{{i}}</a>
    {% } %}
</div>
{% } %}