
onload = function() {

/* Level 0 */

	var getEls = document.getElementById('sub0').getElementsByTagName("LI");	

	for (var i=0; i<getEls.length; i++) {

		getEls[i].onmouseover=function() {

		this.className = this.className == 'clicked' ? '' : 'clicked';



		checkClick ('sub0',this)



		allOff ('sub2')

		allOff ('sub3')

		allOff ('sub4')

		allOff ('sub5')



		switchOn (this)



		switchOff ('sub1')

		}

	}

/* Level 1 */

	var getEls = document.getElementById('sub1').getElementsByTagName("LI");

	for (var i=0; i<getEls.length; i++) {

		getEls[i].onmouseover=function() {

		this.className = this.className == 'clicked' ? '' : 'clicked';



		checkClick ('sub1',this)



		allOff ('sub3')

		allOff ('sub4')

		allOff ('sub5')



		switchOn (this)



		switchOff ('sub2')

		}

	}

/* Level 2 */

	var getEls = document.getElementById('sub2').getElementsByTagName("LI");

	for (var i=0; i<getEls.length; i++) {

		getEls[i].onmouseover=function() {

		this.className = this.className == 'clicked' ? '' : 'clicked';



		checkClick ('sub2',this)



		allOff ('sub4')

		allOff ('sub5')



		switchOn (this)

		

		switchOff ('sub3')

		}

	}

/* Level 3 */

	var getEls = document.getElementById('sub3').getElementsByTagName("LI");

	for (var i=0; i<getEls.length; i++) {

		getEls[i].onmouseover=function() {

		this.className = this.className == 'clicked' ? '' : 'clicked';



		checkClick ('sub3',this)



		allOff ('sub5')



		switchOn (this)

		

		switchOff ('sub4')

		}

	}

/* Level 4 */

	var getEls = document.getElementById('sub4').getElementsByTagName("LI");

	for (var i=0; i<getEls.length; i++) {

		getEls[i].onmouseover=function() {

		this.className = this.className == 'clicked' ? '' : 'clicked';



		checkClick ('sub4',this)



		switchOn (this)

		

		switchOff ('sub5')

		}

	}

}





function switchOn (subs) {

		ulId = subs.id.replace("top", "sub");

		document.getElementById(ulId).className = document.getElementById(ulId).className == 'yes' ? 'none' : 'yes';

		}



function checkClick (subs,thisOne) {

				var getAgn = document.getElementById(subs).getElementsByTagName("LI");

				for (var z=0; z<getAgn.length; z++) {

				if (thisOne.id != getAgn[z].id){

				getAgn[z].className = '';

			}

		}

	}



function allOff (subs) {

			var getListSub = document.getElementById(subs).getElementsByTagName("UL");

			for (var s=0; s<getListSub.length; s++) {

					getListSub[s].className = "none";

				}

			}



function switchOff (subs) {

			var getListElts = document.getElementById(subs).getElementsByTagName("UL");

			for (var i=0; i<getListElts.length; i++) {

			if (ulId != getListElts[i].id && getListElts[i].className == "yes"){

					getListElts[i].className = "none";

				}

			}

			var getListSub = document.getElementById(subs).getElementsByTagName("LI");

			for (var s=0; s<getListSub.length; s++) {

					getListSub[s].className = "";

				}

		}

