var isDHTMLCapable = document.getElementById && document.getElementsByTagName ? true : false;

var spans = [];
var prevButton, nextButton;
window.onload = function () {
	if (isDHTMLCapable) {
		var els = document.getElementsByTagName("span");
		for (var i = 0, c = els.length; i < c; i++) {
			if (els[i].id && els[i].id.indexOf("page") == 0) {
				spans[spans.length] = els[i];
			}
		}
		prevButton = document.getElementById("prevButton");
		nextButton = document.getElementById("nextButton");
	}
};
	
function prev () {
	if (spans.length) {
		if (page <= 1) {
			return false;
		}
		if (pageCount >= page) {
			nextButton.style.visibility = "visible";
		}
		
		var pageid = "page" + page;
		for (var i = 0, c = spans.length; i < c; i++) {
			var span = spans[i];
			span.className = pageid == span.id ? span.className.replace(/\s+selected/g, "") : span.className + " selected";
		}
		if (--page) {
			pageid = "page" + page;
			for (var i = 0, c = spans.length; i < c; i++) {
				var span = spans[i];
				span.className = pageid == span.id ? span.className + " selected" : span.className.replace(/\s+selected/g, "");
			}
		}
			
		if (page <= 1) {
			prevButton.style.visibility = "hidden";
		}
		return false;
	}
}

function next () {
	if (spans.length) {
		if (page >= pageCount) {
			return false;
		}
		if (page >= 1) {
			prevButton.style.visibility = "visible";
		}
		
		var pageid = "page" + page;
		for (var i = 0, c = spans.length; i < c; i++) {
			var span = spans[i];
			span.className = pageid == span.id ? span.className.replace(/\s+selected/g, "") : span.className + " selected";
		}
		page++;
		if (pageCount >= page) {
			var pageid = "page" + page;
			for (var i = 0, c = spans.length; i < c; i++) {
				var span = spans[i];
				span.className = pageid == span.id ? span.className + " selected" : span.className.replace(/\s+selected/g, "");
			}
		}
		
		if (pageCount <= page ) {
			nextButton.style.visibility = "hidden";
		}
		return false;
	}
}