function makeBox(){

	var objHeading = document.getElementsByTagName("h2");
	var objNaviList = document.createElement("select");
	var txtOpt = '<select onchange="jumpAnchor()"><option>--ŠÈˆÕ–ÚŽŸ--</option>';

	for(i=0;i<objHeading.length;i++){
		objHeadText = objHeading[i].firstChild.nodeValue;
		txtOpt += '<option>'+ objHeadText +'</option>';
		objHeading.item(i).id = "index" + i;
	}
	txtOpt += "</select>";
	objNaviBox = document.createElement("div");
	objNaviBox.id = "navibox";
	document.body.insertBefore(objNaviBox,document.body.firstChild);
	objNaviBox.innerHTML = txtOpt;
}

function jumpAnchor(){
	var intOpt = document.getElementById("navibox").firstChild.selectedIndex;
	intOpt--;
	if(intOpt>=0){
		var strHash = "#index" + intOpt;
		location.href(strHash);
	}
}


function makeIndex(){

	var objHeading = document.getElementsByTagName("h2");
	var objNaviList = document.createElement("ul");
	var maxChar = 0;

	for(i=0;i<objHeading.length;i++){
		objListItem = document.createElement("li");
		objListAnchor = document.createElement("a");
		objListAnchor.setAttribute("href","#index" + i);
		objHeadText = objHeading[i].firstChild.nodeValue;
		objListText = document.createTextNode(objHeadText);
		objListAnchor.appendChild(objListText);
		objListItem.appendChild(objListAnchor);
		objNaviList.appendChild(objListItem);
		objHeading.item(i).id = "index" + i;
		if(maxChar < objHeadText.length){maxChar = objHeadText.length;}
	}
	var objH2 = document.getElementsByTagName("h2").item(0);
	document.body.firstChild.insertBefore(objNaviList,objH2);
	objNaviList.className = "navilist";
	maxChar += 2;

}



window.onload = makeIndex;