var tableName = "results"
	var itemsPerPage = 3;
	var currentPage = 1;
	var pages = 0;
	var inited = false;

	function showRecords(from, to)
	{
		var rows = document.getElementById(tableName).getElementsByTagName('li');
		
		for (var i = 0; i < rows.length; i++)
		{
			if (i < from || i > to)  
			{
				rows[i].style.display = 'none';
			}
			else
			{
				rows[i].style.display = '';
			}
		}
	}

	function showPage (pageNumber)
	{
		if (!inited)
		{
			alert("not inited");
			return;
		}

		var oldPageAnchor = document.getElementById('pg'+currentPage);
		
		
		if(oldPageAnchor!=null)
		{
			oldPageAnchor.className = '';
		}

		currentPage = pageNumber;
		var newPageAnchor = document.getElementById('pg'+currentPage);
		
		if(newPageAnchor!=null)
		{
			newPageAnchor.className = 'pg-selected';
		}
		
		var from = (pageNumber - 1) * itemsPerPage;
		var to = from + itemsPerPage - 1;
		showRecords(from, to);
		effect();
	}   

	function prev()
	{
		if (currentPage > 1)
		{
			showPage(currentPage - 1);
			effect();
		}
	}

	function next()
	{
		if (currentPage < pages)
		{
			showPage(currentPage + 1);
			effect();
		}
	}        

	function effect()
	{
		var cnt=document.getElementById('content').style.display = 'none';
		$('content').appear({ duration: 0.5 });
	}
	
	function init()
	{
		if(document.getElementById(tableName)!=null)
		{
			var rows = document.getElementById(tableName).getElementsByTagName('li');
			//var records = (rows.length - 1); 
			var records = rows.length; 

			pages = Math.ceil(records / itemsPerPage);
			inited = true;
		}
		else
		{
			return;
		}
	}

	function showPageNav (positionId)
	{
		var element = document.getElementById(positionId);

		if(inited==true)
		{
			//var pagerHtml = '<span onclick="javascript: prev();" class="pg-left"> &#171 </span>  ';
			
			if(pages>1)
			{
				var pagerHtml = '<div id="pagination">';
				
				pagerHtml += '<a href="javascript: prev();" id="prev"><img src="img/lay/left.png" border="0" alt="poprzednie" /></a>';
				pagerHtml += '<div id="pages">';
				
				for (var page = 1; page <= pages; page++)
				{
					pagerHtml += '<a href="javascript: showPage(' + page + ');" id="pg' + page + '">' + page + '</a> ';
				}
				pagerHtml += '</div>';
				
				pagerHtml += '<a href="javascript: next();" id="next"><img src="img/lay/right.png" border="0" alt="nastêpne" /></a>';
				pagerHtml += '</div>';
			
				element.innerHTML = pagerHtml;
				element.style.display = '';
			}
			else
			{
				element.style.display = 'none';
			}
		}
		else
		{
			element.style.display = 'none';
		}
	}