var pageSize = 6;
var currentPage = 1;

$(document).ready(function()
{
	//cache the selector list as we will be manipulating this a bit

	var resultList = $('.Result');
	var pages = Math.ceil(resultList.length / pageSize);  

	var move = function()
	{	
		resultList.hide();
		
		if(currentPage == 1)
		{
					movePreviousElement.hide();
					startElement.hide();
					moveNextElement.show();

		}
		if(currentPage > 1)
		{
				movePreviousElement.show();
				moveNextElement.show();
				startElement.show();
		}
		if(currentPage == pages)
		{
			moveNextElement.hide();
		}
		
		var to = pageSize * currentPage;
		var from = (to - pageSize);
		for(var i = from; i < to; i++)
		{
			$(resultList[i]).show();
		}
		$('#PageNumbers').text(from+1 + ' - ' + to);
	};
	
	var moveNextElement = $('<a href="#"  class="Paging" id="moveForward"> <img src="/_layouts/images/next.gif" style="border:0;" alt="Next" />&nbsp;</a>').click(function(e)
	{
		currentPage++;		
		move();
		e.preventDefault();
	});
		
	var movePreviousElement = $('<a href="#"  class="Paging" id="moveBackward" style="display:none"> <img src="/_layouts/images/prev.gif" style="border:0;" alt="Previous" />&nbsp;</a>').click(function(e)
	{
		currentPage--;
		move();
		e.preventDefault();
	});	
	
	var startElement = $('<a href="#" id="moveStart" style="display:none"> start </a>').click(function(e)
	{
		currentPage=1;
		move();
		e.preventDefault();
	});
	
	
	var container = $("<div>").css("float","right");


	container.append(movePreviousElement);
	container.append(moveNextElement);

	$(".Results").parent().append(container);
	container.after('<div class="clear"></div>');
	movePreviousElement.after('<span id="PageNumbers"> </span>');
	movePreviousElement.before(startElement);
	move();
	
});