var no = 0;

var poem_Title = new Array();
var poem_Content = new Array();
var poem_Date = new Array();

function poemTitle(apoemTitle) {
	poem_Title[poem_Title.length] = apoemTitle;
}
function poemContent(apoemContent) {
	poem_Content[poem_Content.length] = apoemContent;
}
function poemDate(aDate) {
	poem_Date[poem_Date.length] = aDate;
}


function poemsChange(i) {
	no = parseInt(no);
	if ((no + i >= 0) && (no + i < poem_Title.length)) {
		no += i;
		displayPoem();
		document.poemsForm.page.selectedIndex = no;
	}
}

function choosePoem(poemsForm) {
	no = document.poemsForm.page.options[document.poemsForm.page.selectedIndex].value;
	if (no != -1) displayPoem();
}

function displayPoem() {
	id_poem.innerHTML = "<div><h2>" + (parseInt(no)+1) + ". '" + poem_Title[no] + "'</h2>" + poem_Content[no] + "<p>-" + poem_Date[no] + "-</div>";
}

function drawNav() {
	var temp = "<form name=\"poemsForm\">";
	temp += "<select name=\"page\" size=1 onChange=choosePoem()>";
//	temp += "<option value=-1 selected>--------It's all about how I love you---------</option>";

for (var i = 0; i < poem_Title.length; i++) {
	temp += "<option value=" + i + ">" + (parseInt(i)+1) + ". " + poem_Title[i] + "</option>";
//	if (i == 40) document.write("<option value=-1>----------------------Others---------------------</option>");
}

	temp += "</select> &nbsp;";

//	temp += "<input type=button value=\"View!\" onClick=\"javascript:choosePoem()\">";
	temp += "<input type=button value=\"<<\" onClick=\"javascript:poemsChange(-1)\">";
	temp += "<input type=button value=\">>\" onClick=\"javascript:poemsChange(1)\">";
	temp += "</form>";

	temp += "<div id=id_poem></div>";

	document.write(temp);
}