Menu deroulant en HTML

Bonjour,
je monte un site Internet pour un particulier. J'ai pas un grand niveau dans ce domaine.

Je possède déjà deux menus déroulant et j'aimerai en rajouter deux autres. Mes liens sont allignés sous le logo du site.
J'ai du placé mes deux liens l'un à coté de l'autre car il affiche le deuxième menu sous le premier. C'est comme si j'avais qu'un seul et même menu. Mon troisième etant au debut de mes liens il va s'afficher à l'autre bout.

Pour afficher tout mes menus, ils doivent être dans le même code. Voilà mon code :

<SCRIPT LANGUAGE="JavaScript"> 

var txt=new Array () ; 

txt[1]='<a href="http://www.elevage-epery.fr/produits-disponibles.html"><img src="http://www.elevage-epery.fr/images/bouton-produits-disponibles.jpg" alt="produits disponibles" border="0"></a><br><a href="http://www.elevage-epery.fr/premiers-produits.html"><img src="http://www.elevage-epery.fr/images/bouton-premiers-produits.jpg" alt="premiers produits" border="0"></a>';
txt[2]='<a href="http://www.elevage-epery.fr/photos-environnement.html"><img src="http://www.elevage-epery.fr/images/bouton-environnement.jpg" alt="environnement" border="0"></a><br><a href="http://www.elevage-epery.fr/photos-chevaux.html"><img src="http://www.elevage-epery.fr/images/bouton-les-chevaux-en-troupeau.jpg" alt="les chevaux en troupeau" border="0"></a><br><a href="http://www.elevage-epery.fr/photos-ecuries.html"><img src="http://www.elevage-epery.fr/images/bouton-les-ecuries.jpg" alt="les écuries" border="0"></a><br><a href="http://www.elevage-epery.fr/photos-naissances.html"><img src="http://www.elevage-epery.fr/images/bouton-les-naissances.jpg" alt="les naissances" border="0"></a><br><a href="http://www.elevage-epery.fr/photos-produits.html"><img src="http://www.elevage-epery.fr/images/bouton-les-produits.jpg" alt="les produits" border="0"></a>';


function menu(id) 
{ 
ref=document.getElementById(id); 
if (ref.innerHTML== "") 
ref.innerHTML = txt[id]; 
else 
ref.innerHTML= ""; 
} 

</SCRIPT> 

<a href=# onClick="menu(1);"><img src="http://www.elevage-epery.fr/images/bouton-produits.jpg" border="0"><a href=# onClick="menu(2);"><img src="http://www.elevage-epery.fr/images/bouton-photos.jpg" border="0"></a><DIV id=1></DIV><DIV id=2></DIV>

J'aimerai pour faire mes trois menus, l'avoir trois fois. Qu'elles sont les modifications à apporter pour celà ?
Je vous remercie d'avance pour votre aide.