function load() {
	keepHighlight(document.getElementById(getTopic()), document.getElementById(getSubTopic()));
}


function getTopic() {
	var s = location.toString();
	var b = s.lastIndexOf("/");
	var e = s.lastIndexOf("_");
	return s.substring(b+1, e);
}


function getSubTopic() {
	var s = location.toString();
	var b = s.lastIndexOf("/");
	var e = s.lastIndexOf(".");
	return s.substring(b+1, e);
}


function keepHighlight(topicName, subtopicName) {

	var topic = topicName.id.toString();
	var topicPage = location.toString();

	var topicLink = getTopic();
	var p = topicLink.split('_');

	if (topicLink == topic) {
		topicName.className = (p[0] + "-highlight");

	} else {
		topicName.className = (p[0] + "-link");
	}

	if (subtopicName == null) return;

	var subtopic = (subtopicName.id).toString();


	var subtopicLink = getSubTopic();
	var subStyle      = subtopicName.className;
	var x 			  = subStyle.split("-");
	var subNewStyle	  = (x[0] + "-highlight-" + x[2]);

	if (subtopicLink == subtopic) {
		subtopicName.className = subNewStyle;

	} else {
		subtopicName.className = (x[0] + "-link-" + x[2]);
	}

}


function keepSubHighlight(subtopicName) {

	var subtopic = (subtopicName.id).toString();
	var topicPage = location.toString();

	var subtopicLink  = getSubTopic();

	var subStyle      = subtopicName.className;
	var x 			  = subStyle.split("-");
	var subNewStyle	  = (x[0] + "-highlight-" + x[2]);

	if (subtopicLink == subtopic) {
		subtopicName.className = subNewStyle;

	} else {
		subtopicName.className = (x[0] + "-link-" + x[2]);
	}

}