var menuLevel1 = "";
var menuLevel2 = "";
var menuLevel3 = "";
var menuLevel4 = "";

function handleMenuOut(hierarchyNumber)
{
	if(document.getElementById('layer01high')!=null) showLayer('layer01high');
	if(document.getElementById('layer02high')!=null) showLayer('layer02high');
	if(document.getElementById('layer03high')!=null) showLayer('layer03high');
	if(document.getElementById('layer04high')!=null) showLayer('layer04high');
	if (hierarchyNumber.length == 2)
	{
		// hide childlayer
		eval ("hideLayer('navigationlayer02' + hierarchyNumber)");

		// hide current button
		eval('mBNav' + hierarchyNumber + '.off()');
		//eval('navArrow' + hierarchyNumber + '.off()');
	}
	else if (hierarchyNumber.length == 4)
	{
		part2OfHierarchyNumber = hierarchyNumber.substr(0, 2);

		// hide the current button one level above
		if (menuLevel1 != ""){
			eval('mBNav' + menuLevel1 + '.off()');
			//eval('navArrow' + menuLevel1 + '.off()');
			}	

		// hide  current layer
		eval ("layer = 'navigationlayer02' + part2OfHierarchyNumber");
		hideLayer(layer);

		// hide childlayer
		eval ("hideLayer('navigationlayer03' + hierarchyNumber)");

		// hide current button
		eval('mBNav' + hierarchyNumber + '.off()');
		//eval('navArrow' + hierarchyNumber + '.off()');
	}
	else if (hierarchyNumber.length == 6)
	{
		part4OfHierarchyNumber = hierarchyNumber.substr(0, 4);
		part2OfHierarchyNumber = hierarchyNumber.substr(0, 2);

		// hide the current button one level above
		if (menuLevel1 != ""){
			eval('mBNav' + menuLevel1 + '.off()');
			//eval('navArrow' + menuLevel1 + '.off()');
			}
       	// hide current button one level above
        eval('mBNav' + menuLevel3.substr(2, 4) + '.off()');
		//eval('navArrow' + menuLevel3.substr(2, 4) + '.off()');

		// hide parent layer
		eval("hideLayer('navigationlayer02' + part2OfHierarchyNumber)");

		// hide  current layer
		eval ("hideLayer('navigationlayer03' + part4OfHierarchyNumber)");

		// hide childlayer
		eval ("hideLayer('navigationlayer04' + hierarchyNumber)");

		// hide current button
		eval('mBNav' + hierarchyNumber + '.off()');
		//eval('navArrow' + hierarchyNumber + '.off()');
	
	}
	else if (hierarchyNumber.length == 8)
	{
		part6OfHierarchyNumber = hierarchyNumber.substr(0, 6);		
		part4OfHierarchyNumber = hierarchyNumber.substr(0, 4);
		part2OfHierarchyNumber = hierarchyNumber.substr(0, 2);

		// hide the current button one level above
		if (menuLevel1 != ""){
			eval('mBNav' + menuLevel1 + '.off()');
			//eval('navArrow' + menuLevel1 + '.off()');
			}

		// hide current button one level above
		eval('mBNav' + menuLevel4.substr(2, 4) + '.off()');
		//eval('navArrow' + menuLevel4.substr(2, 4) + '.off()');

		// hide parent layer
		eval("hideLayer('navigationlayer02' + part2OfHierarchyNumber)");
		eval ("hideLayer('navigationlayer03' + part4OfHierarchyNumber)");
		
		// hide  current layer
		eval ("hideLayer('navigationlayer04' + part6OfHierarchyNumber)");

		// hide current button
		eval('mBNav' + hierarchyNumber + '.off()');
		//eval('navArrow' + hierarchyNumber + '.off()');

	}
}

function handleMenuOver(hierarchyNumber)
{
	if(document.getElementById('layer01high')!=null) hideLayer('layer01high');
	if(document.getElementById('layer02high')!=null) hideLayer('layer02high');
	if(document.getElementById('layer03high')!=null) hideLayer('layer03high');
	if(document.getElementById('layer04high')!=null) hideLayer('layer04high');
	if (hierarchyNumber.length == 2)
	{
		// hide the current button one level above
		if (menuLevel1 != "")
			eval('mBNav' + menuLevel1 + '.off()');

		// current layer(? it's only the button)
		menuLevel1 = hierarchyNumber;

		// hide the current layer one level below
		if (menuLevel2 != "")
			eval ("hideLayer('navigationlayer' + menuLevel2)");

		// show childlayer
		eval ("showLayer('navigationlayer02' + hierarchyNumber)");

		// show current button
		eval('mBNav' + hierarchyNumber + '.on()');
		// show arrow button
		//eval('navArrow' + hierarchyNumber + '.on()');
	}
	else if (hierarchyNumber.length == 4)
	{
		part2OfHierarchyNumber = hierarchyNumber.substr(0, 2);

		// current layer
		menuLevel2 = "02" + part2OfHierarchyNumber;

		// show current layer
		eval("showLayer('navigationlayer02' + part2OfHierarchyNumber)");

		// show childlayer
		eval("showLayer('navigationlayer03' + hierarchyNumber)");

		// show parentbutton
		eval('mBNav' + part2OfHierarchyNumber + '.on()');
		//eval('navArrow' + part2OfHierarchyNumber + '.on()');
		// show current button
		eval('mBNav' + hierarchyNumber + '.on()');
		//eval('navArrow' + hierarchyNumber + '.on()');
	}
	else if (hierarchyNumber.length == 6)
	{
		part4OfHierarchyNumber = hierarchyNumber.substr(0, 4);
		part2OfHierarchyNumber = hierarchyNumber.substr(0, 2);

		// current layer
		menuLevel3 = "03" + part4OfHierarchyNumber;
		menuLevel1 = menuLevel3.substr(2,2);
		// show parent layer
		eval("showLayer('navigationlayer02' + part2OfHierarchyNumber)");
		
		// show current layer
		eval("showLayer('navigationlayer03' + part4OfHierarchyNumber)");

		// show childlayer
		eval("showLayer('navigationlayer04' + hierarchyNumber)");

		// show grandparentbutton
		eval('mBNav' + part2OfHierarchyNumber + '.on()');
		//eval('navArrow' + part2OfHierarchyNumber + '.on()');

		// show parentbutton
		eval('mBNav' + part4OfHierarchyNumber + '.on()');
		//eval('navArrow' + part4OfHierarchyNumber + '.on()');

		// show current button
		eval('mBNav' + hierarchyNumber + '.on()');
		//eval('navArrow' + hierarchyNumber + '.on()');
	}
	else if (hierarchyNumber.length == 8)
	{
		part6OfHierarchyNumber = hierarchyNumber.substr(0, 6);
		part4OfHierarchyNumber = hierarchyNumber.substr(0, 4);
		part2OfHierarchyNumber = hierarchyNumber.substr(0, 2);

		// current layer
		menuLevel4 = "04" + part6OfHierarchyNumber;

		// show parent layer
		eval("showLayer('navigationlayer02' + part2OfHierarchyNumber)");
 		eval("showLayer('navigationlayer03' + part4OfHierarchyNumber)");
		
		// show current layer
		eval("showLayer('navigationlayer04' + part6OfHierarchyNumber)");

		// show grandparentbutton
		eval('mBNav' + part2OfHierarchyNumber + '.on()');
		//eval('navArrow' + part2OfHierarchyNumber + '.on()');

		eval('mBNav' + part4OfHierarchyNumber + '.on()');
		//eval('navArrow' + part4OfHierarchyNumber + '.on()');

		// show parentbutton
		eval('mBNav' + part6OfHierarchyNumber + '.on()');
		//eval('navArrow' + part6OfHierarchyNumber + '.on()');

		// show current button
		eval('mBNav' + hierarchyNumber + '.on()');
		//eval('navArrow' + hierarchyNumber + '.on()');

	}
}