// example: <body onload="setCurrentPage("index")">

// MAIN
// @param html page name. part of elementId.
//        ex)index, wedding, corp,...
function setCurrentPage(page) {
	// set menubar selected.
	id = "menubar_li_" + page;
	setMenubarSelected(id);
	// set footnavi selected.
	id = "footnavi_span_" + page;
	setFootnaviSelected(id, page);
}

// setMenubarSelected
// @param elementId
function setMenubarSelected(id) {
	// get element.
	var tagObj = getMyTagObject(id);
	if (!tagObj) return;
	// change class name.
	tagObj.className = "selected";
	// delete a tag.
	x = tagObj.getElementsByTagName("a");
	if (x.length > 0) {
		txt = x[0].innerHTML;
		tagObj.innerHTML = txt;
	}
	return;
}

// setFootnaviSelected
// @param elementId
// @param page name
function setFootnaviSelected(id, page) {
	// get element.
	var tagObj = getMyTagObject(id);
	if (!tagObj) return;
	// change class name.
	tagObj.className = "selected";

	// delete a tag.
	x = tagObj.getElementsByTagName("a");
	if (x.length > 0) {
		txt = x[0].innerHTML;
		tagObj.innerHTML = "";

		// create <strong> tag(index page only)
		if (page == "index") {
			var element = document.createElement("strong");
			element.innerHTML = txt;
			tagObj.appendChild(element); 
		} else {
			tagObj.innerHTML = txt;
		}
	}
	return;
}

// setFootnaviSelected
// @param elementId
function getMyTagObject(id) {
	var obj;
	if(document.all){
		obj = document.all(id);
	} else {
		obj = document.getElementById(id);
	}
	return obj;
}

