function showChild(childID, passingElement) {
   
	//find out which element we are dealing with i.e. which level in the menu
   parentUl = passingElement.parentNode.parentNode;
   classType = parentUl.className;
   //get all possible menus
   siblingUls=parentUl.parentNode.childNodes;
   
   //top menu we must close all
   if(classType=="menu1")
   {
	   
	   for(i=0; i<siblingUls.length; i++)
	   {
		   if(siblingUls[i].className=="menu2" || siblingUls[i].className=="menu3")
		   {
			   //this is the one we are trying to change
			   if(siblingUls[i].id==childID)
			   {
				    siblingUls[i].style.display=(siblingUls[i].style.display=="none")? "block" : "none";
			   }else //all others must be shut
			   {
				   siblingUls[i].style.display="none";
			   }
		   }
	   }
	  
   }else if (classType=="menu2")
   {
	    for(i=0; i<siblingUls.length; i++)
	   {
	   if(siblingUls[i].className=="menu3")
		   {
			   //this is the one we are trying to change
			   if(siblingUls[i].id==childID)
			   {
				    siblingUls[i].style.display=(siblingUls[i].style.display=="none")? "block" : "none";
			   }else //all others must be shut
			   {
				   siblingUls[i].style.display="none";
			   }
		   }
	   }
   }
   //document.getElementById(childID).style.display=(document.getElementById(childID).style.display=="none")? "block" : "none";
   //document.getElementById(childID).style.display="block";
}