Problema: eu criei esta imagem com um link oculto tipo mostrar/esconder para meu site

Ex: http://livestreambrasil.blogspot.com/2010/08/ajuda.html

Segue o codigo:


<B>Clique na imagem para a lista de links</B><br>
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript"> function cma(id) { var cmd = document.getElementById(id);
if( cmd.style.visibility == "hidden" ) { cmd.style.visibility = "visible"; }
else { cmd.style.visibility = "hidden"; } }</script><style type="text/css">body { margin: 20px;}.cma
{ background: #EFEFEF; border: 3px solid #000; margin: 5px 0 0 0; padding: 5px; width: 100px; top: 40px; left: 20px;
position: left; z-index: 3;}</style></head><body><img SRC='COLOQUE AQUI A URL DA IMAGEM' onclick="cma('mn');">
<div id="mn" class="cma" style="visibility: hidden;"><i>cOLOQUE AQUI O TEXTO :<br></i>
<A HREF="UMA URL" TARGET="_blank">Parte 1</A>
</div></body></html>

Problema: Coloco o código uma vez, Òtimo.. funciona perfeitamente, <b>
MAS quando coloco mais de uma imagem, com respostas diferentes sempre aparece somente no primeiro
e não em cada imagem seu respestivo texto, um interfere no outro, eu ja vi funcionando em outros sites, varios na
mesma página , mas não consigo fazer

Ajudas: msn ou e-mail sacglobo@gmail.com