//here you place the ids of every element you want. 'submenu1',
var ids=new Array('submenu1','submenu2','submenu3');


function hideallids1(){
 //loop through the array and hide each element by id
 for (var i=0;i<ids.length;i++){
  hidediv1(ids[i]);
 }    
}

function showallids1(){
 //loop through the array and show each element by id
 for (var i=0;i<ids.length;i++){
  showdiv1(ids[i]);
 }    
}

function switchid1(id){ 
 hideallids1();
 showdiv1(id);
}

function hidediv1(id) {
 //safe function to hide an element with a specified id
 if (document.getElementById) { // DOM3 = IE5, NS6
  document.getElementById(id).style.display = 'none';
 }
 else {
  if (document.layers) { // Netscape 4
   document.id.display = 'none';
  }
  else { // IE 4
   document.all.id.style.display = 'none';
  }
 }
}

function showdiv1(id) {
 //safe function to show an element with a specified id
    
 if (document.getElementById) { // DOM3 = IE5, NS6
  document.getElementById(id).style.display = 'block';
 }
 else {
  if (document.layers) { // Netscape 4
   document.id.display = 'block';
  }
  else { // IE 4
   document.all.id.style.display = 'block';
  }
 }
}

function toggleDisplay(id) { 
if( document.getElementById(id).style.display == "none" ) {
    document.getElementById(id).style.display = "block"; 
  } else { 
    document.getElementById(id).style.display = "none"; }
}
function hideDisplay(id) { 
    document.getElementById(id).style.display = "none"; 
}