/*var debugwin = window.open('', 'debugwin');
var debug = debugwin.document;
debug.open();*/

var oldLevel = 0;

startList = function() {
	if (document.all && document.getElementById) {
		navRoot = document.getElementById("section-nav");

		addEventHandlers(navRoot.childNodes, 1);
	}
}

window.onload=startList;

function addEventHandlers(pnode, level)
{
	for (var i=0; i<pnode.length; i++) {
		node = pnode[i];

		if (node.nodeName=="LI") {
			node.setAttribute ('level', getLevel(level));

			//debug.writeln ("Adding: " + node.className + " with level = " + parseInt(node.getAttribute('level')) + "<br />");

			node.onmouseover = function() {
				currentLevel = parseInt(this.getAttribute('level'));

				//debug.writeln ("id = " + this.className + " old level = " + oldLevel + " new level = " + currentLevel + "<br />");
				this.className += " over" + currentLevel;
				oldLevel = getLevel(level);
			}

			node.onmouseout=function() {
				currentLevel = parseInt(this.getAttribute('level'));
				classname = " over" + currentLevel;
				this.className=this.className.replace	(classname, "");
		  }
		}

		if (node.hasChildNodes()) {
			addEventHandlers(node.childNodes, level + 1);
		}
	}
}

function getLevel(level)
{
	return ((level + 1) / 2).toString();
}