﻿//
// pagenate4cocolog.jp
// ver 1.21 2008/5/31
// ver 1.2 2008/5/21
// ver 1.1 2007/3/11
//
// written by ファンドの海管理人
//

// 1ページあたり表示するエントリの数
var EntriesPerPage = 5;
var Entries = new Array();
var DivPage = new Object;

function main()
{
	var Divs = new Array();
	var ClassName = "";
	var i = 0;
	var n = 0;

	//<div class="article">だけをEntriesに抜き出す
	Divs = document.getElementsByTagName("div");
	for (i = 0; i < Divs.length; i++) {
		var e = Divs[i];
		if (e.className == "article") {
			Entries[n] = e;
			n++; }
	}

	//最後のエントリの次に、ナビゲーション用のdivエレメントを追加
	DivPage =  document.getElementById("m-col").parentNode.insertBefore(document.createElement("div"),document.getElementById("m-col").parentNode.lastChild);
	DivPage.className = "page-link";
	
	//URLの最後に#3などのページ数が指定されているか？ 指定がなければ1ページ目
	if ((document.URL.search(/#/)==-1))
			gotoPage(1);
		else {
			i = parseInt(RegExp.rightContext);
			i = (isNaN(i)||(i<1)) ? 1 : i ;
			gotoPage(i);
		}

}

function gotoPage(page)
{
	var i = 0;
	var txt = "";
	var NumOfPages = 0;
	
	//1ページ分のエントリ数しかなければ、リターン
	NumOfPages = Math.ceil(Entries.length / EntriesPerPage);
		if (NumOfPages == 1) return;
	
	//pageがページ数より多かったら、最後のページへ
	page = (NumOfPages < page) ? NumOfPages : page ;
	
	//指定ページのエントリのみ表示、あとは非表示
	for (i = 0; i < Entries.length; i++) {
		if (Math.ceil((i + 1) / EntriesPerPage) == page)
			Entries[i].style.display = "block";
			else Entries[i].style.display = "none";
	}
	
	//ナビゲーション作成
	//"前のページ"
	txt = "<ul class=\"clearfix\">";
	txt = txt+"<li class=\"page-mark\">Page "+ page +" of " + NumOfPages + "</li>"
	if(page != 1 && page) {
		txt = txt+"<li class=\"next-link\"><a href=\"#"+(page-1)+"\" onclick=\"gotoPage(" + (page-1) +")\">&lt;&lt;</a></li>";
	}
	for (i = 1; i < NumOfPages; i++) {
		if (i != page) {
			txt = txt+"<li><a href=\"#"+i+"\" onclick=\"gotoPage(" + i +")\">"+ i +"</a></li>";
			} else {
			txt = txt +"<li class=\"stay\">"+i+"</li>"; }
	}
	//最後のページへのリンク
	if (i != page) {
		txt = txt+"<li><a href=\"#"+i+"\" onclick=\"gotoPage(" + i +")\">"+ i +"</a></li>";
		txt = txt+"<li class=\"next-link\"><a href=\"#"+(page+1)+"\" onclick=\"gotoPage(" + (page+1) +")\">&gt;&gt;</a></li>";
		} else {
		txt = txt +"<li class=\"stay\">"+i+"</li>"; }
		txt = txt + "</ul>";
	
	//リンク作成
	DivPage.innerHTML = txt;

	window.scroll(0,0);
}
