var lis = [];
function handleClick(e) { 
	var element = e.target || e.srcElement; 
	if( (element.parentNode.parentNode.parentNode.parentNode.id != "left-nav") && (element.parentNode.parentNode.id != "left-nav")) {
		var _lis = document.getElementById("left-nav").getElementsByTagName("li");
		for (var i = 0; i < _lis.length; i++) {
			if (_lis[i].className.indexOf("active") != -1) {_lis[i].className = _lis[i].className.replace("active", "")}
		}
	}
}
function initPage()
{
	var n = document.getElementById("left-nav");
	if (n)
	{
		lis = n.getElementsByTagName("li");
		for (var i = 0; i < lis.length; i++)
		{
			if (lis[i].getElementsByTagName("ul").length)
			{
				var a = lis[i].getElementsByTagName("a").item(0);
				if (a)
				{
					a.onclick = function ()
					{
						var p = this.parentNode;
						for (var i = 0; i < lis.length; i++) {
							if ( (lis[i].className.indexOf("active") != -1) && (p != lis[i]) ) {lis[i].className = lis[i].className.replace("active", "")}
						}
						if (p.className.indexOf("active") != -1)
							p.className = p.className.replace("active", "");
						else
							p.className += " active";
						return false;
					}
				}
			}
		}
	}
	var _div = document.getElementById("main");
	if (window.addEventListener) {
		_div.addEventListener('click', handleClick, false); 
	} else if (window.attachEvent) {
		_div.attachEvent('onclick', handleClick, false);
	}
}

if (window.addEventListener)
	window.addEventListener("load", initPage, false);
else if (window.attachEvent)
	window.attachEvent("onload", initPage);