function displayhide (id) { 

   var span = document.getElementsByTagName('span')
   for(i=0; i <span.length;i++)
   {
   if(span[i].className == 'menushown')
   span[i].className = 'menuhidden';
   if(span[i].className == 'menu2shown')
   span[i].className = 'menuhidden';
   }

   whichchildren = document.getElementById(id); 

   if (whichchildren.className=="menushown") { 
      whichchildren.className="menuhidden"; 
   } 
   else { 
      whichchildren.className="menushown"; 
   } 
} 

function displayhidel2 (id) { 

   var span = document.getElementsByTagName('span')
   for(i=0; i <span.length;i++)
   {
   if(span[i].className == 'menu2shown')
   span[i].className = 'menuhidden';
   }

   whichchildren = document.getElementById(id); 

   if (whichchildren.className=="menu2shown") { 
      whichchildren.className="menuhidden"; 
   } 
   else { 
      whichchildren.className="menu2shown"; 
   } 
}