var max = 8;





function page(now){


//next
if(now < max){
	nextNam = now + 1;
	nextLink = '<a href="p'+nextNam+'.html">次のページへ>></a>';
}else{
	nextLink = '';
};

//previous
if(now == 2){
	previousLink = '<a href="index.html"><<前のページへ</a>';
}else if(now > 1){
	previousNam = now - 1;
	previousLink = '<a href="p'+previousNam+'.html"><<前のページへ</a>';
}else{
	previousLink = '';
};




document.write('<p class="page">'+previousLink+'　');

var i = 1;
while (i <= max) {
	if(i == 1){
		document.write('<a href="index.html" id="pageNavi'+i+'">'+i+'</a>　');
	}else{
		document.write('<a href="p'+i+'.html" id="pageNavi'+i+'">'+i+'</a>　');
	}
    i = i + 1;
};

document.write(''+nextLink+'</p>');


document.getElementById("pageNavi"+now).className = "now";
}





function pageTop(now){


//next
if(now < max){
	nextNam = now + 1;
	nextLink = '<a href="p'+nextNam+'.html">次のページへ>></a>';
}else{
	nextLink = '';
};

//previous
if(now == 2){
	previousLink = '<a href="index.html"><<前のページへ</a>';
}else if(now > 1){
	previousNam = now - 1;
	previousLink = '<a href="p'+previousNam+'.html"><<前のページへ</a>';
}else{
	previousLink = '';
};




document.write('<p class="page">'+previousLink+'　');

var i = 1;
while (i <= max) {
	if(i == 1){
		document.write('<a href="index.html" id="pageNaviTop'+i+'">'+i+'</a>　');
	}else{
		document.write('<a href="p'+i+'.html" id="pageNaviTop'+i+'">'+i+'</a>　');
	}
    i = i + 1;
};

document.write(''+nextLink+'</p>');


document.getElementById("pageNaviTop"+now).className = "now";
}