addEvent(document, "click", toggleSidenav, false);
addEvent(document, "click", toggleTree, false);

function toggleSidenav(e) {
	var t = window.event ? window.event.srcElement : e ? e.target : null;
	
	if(t.id == "sidehide" && t.nodeName == "DIV") {
		state = t.getElementsByTagName("input");
		obj = document.getElementById("sidenav");
		
		if (state[0].value == 1) {
			state[0].value = 0;
			obj.style.display = "none";
			t.style.backgroundPosition = "-8px";
			t.style.left = 0;
			t.title = "Show the side navigation";
		} else {
			state[0].value = 1;
			obj.style.display = "block";
			t.style.backgroundPosition = "0px";
			t.style.left = 162;
			t.title = "Hide the side navigation";
		}	
	}
}

function toggleTree(e) {
	var t = window.event ? window.event.srcElement : e ? e.target : null;
	
	if(t.className == "navbtn" && t.nodeName == "DIV") {
		nodeArr = t.parentNode.getElementsByTagName("ul");
		state = t.parentNode.getElementsByTagName("input");
		
		if (state[0].value == 1) {
			t.style.backgroundPosition = "-20px";
			t.title = "expand";
			state[0].value = 0;
			
			for(j=0; j<nodeArr.length; j++) {
				tempNode = nodeArr[j];
				tempNode.style.display = "none";
			}
		} else {
			t.style.backgroundPosition = "0px";
			t.title = "collapse";
			state[0].value = 1;
			
			for(j=0; j<nodeArr.length; j++) {
				tempNode = nodeArr[j];
				tempNode.style.display = "block";
			}
		}	
	}
}