function $(name) {
	var temp = null;
	temp = document.getElementById(name);
	if(temp!=null) {
		return temp;
	}
	temp = document.getElementsByName(name);
	if(temp!=null) {
		return temp[0];
	}
	return null;
}

var pageContainer = {
	page: 1,
	previous: 1,
	next: 1,
	hasNext: false,
	hasPrevious: false,
	totalPage: 1,
	controllerSet: new Array(),
	addController: function(obj) {
		var temp = obj.split(",");
		for(var i=0;i<temp.length;i++) {
			this.controllerSet[this.controllerSet.length] = temp[i];
		}
	},
	nextPage: function() {
		gotoPage(this.next);
	},
	previousPage: function() {
		gotoPage(this.previous);
	},
	showController: function() {
		//var previousHTML = "<p>";
		var previousHTML = "";
		
		if(this.hasPrevious) {
			previousHTML += "<a href='javascript:gotoPage(1);'>最前頁</a>　";
			previousHTML += "<a href='javascript: pageContainer.previousPage();'>上一頁</a>　";
		}

		
		
		htmlCode = previousHTML;

		var start = this.page - 4;
		var end = this.page + 5;


		if(start < 1) {
			end = end + start*(-1);
			if(start < 0) {
				end++;
			}
			start = 1;
			if(end > this.totalPage) {
				end = this.totalPage;
			}
		}

		if(end > this.totalPage) {
			start = start - (end - this.totalPage);
			end = this.totalPage;
			if(start < 1 ) {
				start = 1;
			}
		}

		for(var i=start;i<=end;i++) {
			if(i!=start) {
				htmlCode += " ｜";
			}
			if(i == this.page) {
				htmlCode += "<span style='color: #ff0000;'>"+i+"</span>";
			} else {
				htmlCode += "<a href='javascript:gotoPage("+i+")'>"+i+"</a>";
			}
		}
		
		var nextHTML = "";
		if(this.hasNext) {
			nextHTML = "　<a href='javascript: pageContainer.nextPage();'>下一頁</a>";
			nextHTML += "　<a href='javascript:gotoPage("+this.totalPage+");'>最末頁</a>";
		}
		
		htmlCode += nextHTML;
		//htmlCode += "</p>"
		for(var i=0;i<this.controllerSet.length;i++) {
			var controller = $(this.controllerSet[i]);
			controller.innerHTML=htmlCode;
		}
	}
};

function gotoPage(arg) {
	
	document.pageForm.page.value=arg;

	document.pageForm.submit();
}