var page = 1;
var itemsPerPage = 5;

function move_forward(recordcount) {
	++page;
	
	var sr = (page * itemsPerPage) - itemsPerPage + 1;
	var er = sr + itemsPerPage - 1;
	if (er > recordcount)
		er = recordcount;
	
	document.getElementById("start").innerHTML = sr;
	document.getElementById("end").innerHTML = er;
	
	for (i=1; i<=recordcount; ++i)
		document.getElementById("project_"+i).style.display = "none";
	
	for (i=sr; i<=er; ++i)
		document.getElementById("project_"+i).style.display = "block";
	
	if ((page) < (Math.ceil(recordcount/itemsPerPage))) 
		document.getElementById("forward").style.display = "inline";
	else
		document.getElementById("forward").style.display = "none";
	
	document.getElementById("back").style.display = "inline";
}

function move_back(recordcount) {
	--page;

	var sr = (page * itemsPerPage) - itemsPerPage + 1;
	var er = sr + itemsPerPage - 1;
	
	document.getElementById("start").innerHTML = sr;
	document.getElementById("end").innerHTML = er;
	
	for (i=1; i<=recordcount; ++i)
		document.getElementById("project_"+i).style.display = "none";
	
	for (i=sr; i<=er; ++i)
		document.getElementById("project_"+i).style.display = "block";
		
	if (page > 1) 
		document.getElementById("back").style.display = "inline";
	else
		document.getElementById("back").style.display = "none";
	
	document.getElementById("forward").style.display = "inline";
}