// JavaScript Document
var listPerPage = 15;
if(document.getElementById("pagesize") && !isNaN(document.getElementById("pagesize").value)) listPerPage = Number(document.getElementById("pagesize").value);
var lists = document.getElementById("list").getElementsByTagName("li");
var maxPage = Math.ceil(lists.length/listPerPage);
var currpage = 1;

function pagelist()
{
	var str;
	if(currpage == 1) 
		str = "首页 上一页 "
	else
		str = "<a onclick='gopage(1)'>首页</a> <a onclick=gopage("+ (currpage -1) +")>上一页</a> "
	
	for( var n = 1; n <= maxPage; n ++)
	{
		if(n == currpage)
			str +="<span>"+n+"</span> ";
		else
			str += "<a onclick='gopage("+n+")'>"+n+"</a> ";
	}
	if(currpage == maxPage) 
		str += "下一页 尾页 "
	else
		str += "<a onclick='gopage("+ (currpage + 1) +")'>下一页</a> <a onclick=gopage("+maxPage+")>尾页</a> "
		
	str += "共"+maxPage+"页 共"+lists.length+"条记录 "
	str += '转到第<input id="cp" type="text" value="'+currpage+'"/>页<input type="button" value="go" onclick="gopage();"/>'
		
	if(document.getElementById("page")) document.getElementById("page").innerHTML = str;
}

function gopage(str)
{
	var page = 1;
	if(!str) str = document.getElementById("cp").value;
	if(!isNaN(str)) page = Number(str);
	
	if (page > maxPage) page = maxPage;
	if (page < 1) page = 1;
	
	for(var n = 0; n < lists.length; n ++)
	{
		lists.item(n).style.display="none";
	}
	
	for(var i = 0; i < listPerPage && i+(page-1)*listPerPage < lists.length; i++)
	{
		lists.item(i+(page-1)*listPerPage).style.display="block";
	}
	
	currpage = page;
	pagelist();
}

gopage(1);

function totalList()
{
	document.getElementById("firstDiv").style.display = "none";
	document.getElementById("secondDiv").style.display = "block";
}
function topList()
{
	document.getElementById("firstDiv").style.display = "block";
	document.getElementById("secondDiv").style.display = "none";
}