window.onload = initAll;

var noOfTextboxes = 0;

function initAll() {
	for(var i = 1; document.getElementById("textbox" + i); i++) {
		noOfTextboxes++;
	}
	if(noOfTextboxes > 1) {
		addPages();
	}
}

function addPages() {
	var pagesContainer = document.getElementById("change_page_container");

	for(var i = 1; i <= noOfTextboxes; i++) {
		var pageText = document.createTextNode("Page " + i);
		var inBetweenText = document.createTextNode(" / ");
		var newLink = document.createElement("a");
		newLink.href = "#";
		newLink.dest = "textbox" + i;
		if(i == 1) {
			newLink.id = "page_link_current";
		}
		newLink.onclick = changePage;
		newLink.appendChild(pageText);
		pagesContainer.appendChild(newLink);
		if(i < noOfTextboxes) {
			pagesContainer.appendChild(inBetweenText);
		}
	}
}

function changePage(evt) {
	var e = (evt) ? evt.target : window.event.srcElement;
	var allLinks = document.getElementsByTagName("a");
	for(i = 0; i < allLinks.length; i++) {
		if(allLinks[i].dest) {
			if(allLinks[i].id) {
				allLinks[i].removeAttribute("id");
			}
		}
	}
	e.id = "page_link_current";
	for(var i = 1; i <= noOfTextboxes; i++) {
		document.getElementById("textbox" + i).style.visibility = "hidden";
	}
	document.getElementById(e.dest).style.visibility = "visible";
	return false;
}