$(document).ready(function()
{
	
	$('div.myview').each(function()
	{
		// scope the myview
		var $myview = $(this);
		
		// hide extras
		$myview.find('ul.mylist > li:gt(2)').hide();
		
		// store page
		$myview.attr('page', '1');
		
		// make the previous work
		$myview.find('a.previous').click(function()
		{
			var page = parseInt($myview.attr('page'))-1;
			if (page == 0) { return false; }
			
			$myview.attr('page', page);
			$myview.find('ul.mylist > li').show();
			$myview.find('ul.mylist > li:gt('+((page*3)-1)+')').hide();
			
			$myview.find('ul.mylist > li:eq('+((page*3)-3)+')').addClass('first');
			$myview.find('ul.mylist > li:lt('+((page*3)-3)+')').hide();
			return false;
		});
		
		// make the next work
		$myview.find('a.next').click(function()
		{
			var page = parseInt($myview.attr('page'))+1;
			
			var num = $myview.find('ul.mylist > li').size();
			var spillover = num%3;
			var maxPage = Math.floor(num/3)+(spillover!=0?1:0);
			
			if (page > maxPage) { return false; }
			
			$myview.attr('page', page);
			$myview.find('ul.mylist > li').show();
			$myview.find('ul.mylist > li:gt('+((page*3)-1)+')').hide();
			
			$myview.find('ul.mylist > li:eq('+((page*3)-3)+')').addClass('first');
			$myview.find('ul.mylist > li:lt('+((page*3)-3)+')').hide();
			return false;
		});
	});	
});