Como insertar una imagen a una tabla en una celda rowspan "5"

yo he creado una galeria de imagenes con una tabla con 5 filas y 4 celdas; la ultima celda, es decir la celda 4 es rowspan "5", la celda 3 es un pequeño separador entre las celdas 1 y 2. Hasta ahí me siguen?
Bueno lo que yo quiero hacer es que cuando hacemos un click sobre la fila 1, celda 1 (que tiene una pequeña imagen, me muestre la imagen grande en la fila 1 celda 4 que es la del rowspan "5".
Yo pegue una imagen por default en la celda rowspan pero ahora cuando quiero hacer click sobre cualquiera de las pequeñas imagenes no se como se hace para poner la imagen mas grande sobre la celda rowspan.
aca les dejo el codigo para ver si me pueden dar una mano

<div id="central" style="width: 800px; height: 578px">
<div id="titulos">
<div class="galeria">
<h2>Galeria de imagenes</h2>
</div>
</div>
<ul class="cat">
<li>
<table border="2" aling="center" width="100%" id="table1" height="100%">
<tr>
<td width="110" height="96">
<a href="img/grandes/06.jpg"/>
<img class="min" src="img/chicas/6.jpg"/>
</a>
</td>

<td height="96" width="110">
<a href="#">
<img class="min" src="img/chicas/1.jpg" alt="#" /></a></td>

<td height="96" width="24">&nbsp;</td>
<td rowspan="5">
<img border="0" src="img/galeria.jpg" width="500" height="437">
</td>
</tr>
<tr>
<td width="110">
<a href="#">
<img class="min" src="img/chicas/10.jpg" alt="#" /></a></td>
<td width="110">
<a href="#">
<img class="min" src="img/chicas/2.jpg" alt="#" /></a></td>
<td width="24">&nbsp;</td>
</tr>
</table>
</ul>
</div>
</div>

Se entendio lo que quiero hacer? es decir al hacer click con el mouse sobre

<a href="img/grandes/06.jpg"/>
<img class="min" src="img/chicas/6.jpg"/>
</a>

Mostrar la imagen en grande en la tabla

<td rowspan="5">
<img border="0" src="img/grandes/06.jpg" width="500" height="437">
</td>

y no como lo tengo hasta ahora que me lo muestra en una nueva pagina.
Muchas gracias