var num_of_rows;
var num_of_rows_per_page = 5;

function pageselectCallback(page_id, jq) {
	var range_start = page_id * num_of_rows_per_page;
	var range_end = (range_start + num_of_rows_per_page) - 1;
	
	// hier ervoor zorgen dat het laatste element een extra class krijgt
	// pfff ziet er anders niet uit
	if(range_end > (num_of_rows - 1))
		$($('#itemList > li')[(num_of_rows - 1)]).addClass("last");
	else
		$($('#itemList > li')[range_end]).addClass("last");
	
	$('#itemList > li').css("display", "block");
	$('#itemList > li:lt('+range_start+')').css("display", "none");
	$('#itemList > li:gt('+range_end+')').css("display", "none");
}

$(document).ready(function(){
	num_of_rows = $('#itemList > li').length;
	//num_of_rows = 300;
	if (num_of_rows < num_of_rows_per_page) {
	    $("#paging").hide();
	}
	else {
	    // Create pagination element
        $("#paging").pagination(num_of_rows, {
		    num_edge_entries: 2,	// always show last * and first * page links
		    num_display_entries: 15,
		    items_per_page: num_of_rows_per_page,
		    next_text: ">",
		    prev_text: "<",
		    ellipse_text: "...",
            callback: pageselectCallback
        });
	    // first time, goto page 1
	    pageselectCallback(0, null);
	}
});