Simple galeria de imagenes a modificar

[jcouoh]

Hola tengo un codigo de una galeria simple de imagenes muy básico, que quisiera modificar, este es el codigo:

Código HTML:

<script type="text/javascript">
function showPic (whichpic) {
 if (document.getElementById) {
  document.getElementById('imgContenedor').src = whichpic.href;
  if (whichpic.title) {
   document.getElementById('imgDescripcion').childNodes[0].nodeValue = whichpic.title;
  } else {
   document.getElementById('imgDescripcion').childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue;
  }
  return false;
 } else {
  return true;
 }
}
</script> 

El cual es puesto en el Head de mi pagina web y

Código HTML:

<ul>
<li><a onclick="return showPic(this)" href="URL_imagen1" title="texto_imagen_1">1</a></li>
<li><a onclick="return showPic(this)" href="URL_imagen2" title="texto_imagen_2">2</a></li>
<li><a onclick="return showPic(this)" href="URL_imagen3" title="texto_imagen_3">3</a></li>
</ul>

<div id="imgDescripcion">el texto inicial</p>

<img id="imgContenedor" src="URL_imagenInicial" /> 

el cual es colocado en el body.

Funciona bien, pero quisiera modificarlo de la siguiente manera;

que al hacer clic, en el numero me muestre la imagen deseada, el titulo correspondiente y ademas que me muestre unos comentarios que deseo poner. son tres cosas en diferentes divs, ahora solo muestra la imagen y el titulo.

Muchas gracias de antemano por su ayuda

[enlinea777]

ya alguien lo ha echo antes por que no echas un vistazo.

http://www.no-margin-for-errors.com/...ightbox-clone/