function ConstructPager(totalItemCount, pageNumber, pageSize, pagerDiv) {
    var totalPages = Math.ceil(totalItemCount / pageSize);
    $(pagerDiv).html('');
    $(pagerDiv).innerHTML = "";

    if (totalPages > 1) {
        if (pageNumber != 1) {
            //this s the active prev
            $(pagerDiv).append("<span class='navBase prev'>Prev</span>");
        }
        else {
            //this is when its on the first page
            $(pagerDiv).append("<span class='navBase prevDisabled'>Prev</span>");
        }
    
        for (i = 1; i <= totalPages; i++) {
            if (i != pageNumber) {
                //an active nummber
                $(pagerDiv).append("<span class='pager pagerBaseClass'>" + i + "</span>");
            }
            else {
            //the selected number
                $(pagerDiv).append("<span class='pagerSelected pagerBaseClass'>" + i + "</span>");
            }
        }

        if (pageNumber != totalItemCount) {
        //active next
            $(pagerDiv).append("<span class='navBase next'>Next</span>");
        }
        else {
        //disabled next
            $(pagerDiv).append("<span class='navBase next nextDisabled'>Next</span>");
        }
    }
}