function imagePopup(image, width, height)
{
  window.open(image, 'ACCCImage', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=1,resizable=1,width=' + width + ',height=' + height + ',left=390,top=312');
}

function showPage(pageNumber, totalPages)
{
  for(i = 1; i <= totalPages; i++)
  {
    var divPage = document.getElementById("divPage" + i);
    
    if(divPage != null)
    {
			if(i == pageNumber)
				divPage.style.display = "block";
			else
				divPage.style.display = "none";
		}
  }

	printPageNav(pageNumber, totalPages);
	showPageNav(pageNumber, totalPages);
}

function showPageNav(pageNumber, totalPages)
{
	var div = document.getElementById("divPageNav");
	if(div != null)
	{
	  var strHtml = "";
	  
	  if(pageNumber > 1 && pageNumber <= totalPages)
			strHtml = "<a href='#top' onclick='showPage(" + (pageNumber-1) + ", " + totalPages + ")'>&lt 上一頁</a>";
		if(pageNumber < totalPages)
	  {
			if(strHtml != "")
				strHtml += "&nbsp;&nbsp;";
		  strHtml += "<a href='#top' onclick='showPage(" + (pageNumber+1) + ", " + totalPages + ")'>下一頁 &gt;</a>";
		}
	  div.innerHTML = strHtml;
	}
}

function printPageNav(currentPage, totalPages)
{
	var divTopPageNav = document.getElementById("divTopPageNav");
	var divBottomPageNav = document.getElementById("divBottomPageNav");
	
	var strHtml = "";
	
  for(i = 1; i <= totalPages; i++)
  {
    if(i == currentPage)
      strHtml += "<span class='current'>" + i + "</span>";
    else
			strHtml += "<a href='#top' onclick='showPage(" + i + ", " + totalPages + ")'>" + i + "</a>";
/*
    if(i == currentPage)
      strHtml += "<b><a href='#top' onclick='showPage(" + i + ", " + totalPages + ")'>Page " + i + "</a></b>&nbsp;&nbsp;";
    else
			strHtml += "<a href='#top' onclick='showPage(" + i + ", " + totalPages + ")'>Page " + i + "</a>&nbsp;&nbsp;";
*/
  }	
  
  divTopPageNav.innerHTML = strHtml;
  divBottomPageNav.innerHTML = strHtml;
}