// JavaScript Document



/*----------------------------------------------------------------------------
 list
----------------------------------------------------------------------------*/

function pagedlist() {
	var myNnum = 2 // 項目数
	var crIndex = 0;
	var container = document.getElementById("pagedlist");
	if(!container) return;
	
	// リストを分割 ---------------------------------
	var ul = container.getElementsByTagName("ul")[0];
	var li = ul.getElementsByTagName("li");
	var liGroupLength = Math.ceil(li.length / myNnum); 
	var ulGroup = [];
	for (var i = 0; i < liGroupLength; i ++) {
		ulGroup[i] = document.createElement("ul");
		
		for (var i2 = i * myNnum; i2 < (i + 1) * myNnum; i2 ++) {
			if(li[i2]) ulGroup[i].appendChild(li[i2].cloneNode(true));
		}
		container.appendChild(ulGroup[i]);
	}
	
	// 元のulタグはDOMツリーから削除
	ul.parentNode.removeChild(ul);
	
	// 表示を切り替える関数 --------------------------------
	function setupList(nodeList) {
		for (var i = 0, l = nodeList.length; i < l; i ++) {
			if (i == crIndex) nodeList[i].style.display = "block";
			else nodeList[i].style.display = "none";
		}
	}
	// 表示を切り替える ------------------------------------
	var pagedUL = container.getElementsByTagName("ul");
	setupList(pagedUL);
	
	// previous link/next link  -------------------------
	var prevNav = document.getElementById("pagenav_prev");
	var prevLink = document.createElement("a");
	prevLink.href = "#";
	prevLink.innerHTML = "&laquo; 最新";
	
	var nextNav = document.getElementById("pagenav_next");
	var nextLink = document.createElement("a");
	nextLink.href = "#";
	nextLink.innerHTML = "過去 &raquo;";
	
	function setupNavs() {
		if (crIndex == 0) {
			prevNav.style.display = "none";
		} else if (crIndex == pagedUL.length - 1) {
			nextNav.style.display = "none";
		} else {
			prevNav.style.display = "block";
			nextNav.style.display = "block";
		}
	}
	
	prevLink.onclick = function() {
		crIndex --;
		setupList(pagedUL);
		setupNavs();
		return false;
	};
	nextLink.onclick = function() {
		crIndex ++;
		setupList(pagedUL);
		setupNavs();
		return false;
	};
	
	prevNav.appendChild(prevLink);
	nextNav.appendChild(nextLink);
	
	setupNavs();
	container.style.display = "block";
}


/*----------------------------------------------------------------------------
 onload event function
----------------------------------------------------------------------------*/
if(window.addEventListener) {
	window.addEventListener("load", pagedlist, false);
} else if(window.attachEvent) {
	window.attachEvent("onload", pagedlist);	
}


/*----------------------------------------------------------------------------
 list2
----------------------------------------------------------------------------*/

function pagedlist2() {
	var myNnum = 12 // 項目数
	var crIndex = 0;
	var container = document.getElementById("pagedlist2");
	if(!container) return;
	
	// リストを分割 ---------------------------------
	var ul = container.getElementsByTagName("ul")[0];
	var li = ul.getElementsByTagName("li");
	var liGroupLength = Math.ceil(li.length / myNnum); 
	var ulGroup = [];
	for (var i = 0; i < liGroupLength; i ++) {
		ulGroup[i] = document.createElement("ul");
		
		for (var i2 = i * myNnum; i2 < (i + 1) * myNnum; i2 ++) {
			if(li[i2]) ulGroup[i].appendChild(li[i2].cloneNode(true));
		}
		container.appendChild(ulGroup[i]);
	}
	
	// 元のulタグはDOMツリーから削除
	ul.parentNode.removeChild(ul);
	
	// 表示を切り替える関数 --------------------------------
	function setupList(nodeList) {
		for (var i = 0, l = nodeList.length; i < l; i ++) {
			if (i == crIndex) nodeList[i].style.display = "block";
			else nodeList[i].style.display = "none";
		}
	}
	// 表示を切り替える ------------------------------------
	var pagedUL = container.getElementsByTagName("ul");
	setupList(pagedUL);
	
	// previous link/next link  -------------------------
	var prevNav = document.getElementById("pagenav_prev2");
	var prevLink = document.createElement("a");
	prevLink.href = "#";
	prevLink.innerHTML = "&laquo;prev";
	
	var nextNav = document.getElementById("pagenav_next2");
	var nextLink = document.createElement("a");
	nextLink.href = "#";
	nextLink.innerHTML = "next&raquo;";
	
	function setupNavs() {
		if (crIndex == 0) {
			prevNav.style.display = "none";
		} else if (crIndex == pagedUL.length - 1) {
			nextNav.style.display = "none";
		} else {
			prevNav.style.display = "block";
			nextNav.style.display = "block";
		}
	}
	
	prevLink.onclick = function() {
		crIndex --;
		setupList(pagedUL);
		setupNavs();
		return false;
	};
	nextLink.onclick = function() {
		crIndex ++;
		setupList(pagedUL);
		setupNavs();
		return false;
	};
	
	prevNav.appendChild(prevLink);
	nextNav.appendChild(nextLink);
	
	setupNavs();
	container.style.display = "block";
}

/*----------------------------------------------------------------------------
 onload event function
----------------------------------------------------------------------------*/
if(window.addEventListener) {
	window.addEventListener("load", pagedlist2, false);
} else if(window.attachEvent) {
	window.attachEvent("onload", pagedlist2);	
}