Aide code php images

Bonjour,

j'ai un script qui me permet d'afficher 5 images 1 grande image et 4 miniatures j'aimerait pouvoir cliquer sur une miniature et qu'elle prenne la place de la grande image et que la grande se place en bas voici mon code php

<?php
//connextion a la base de donnee
mysql_connect('*******', '*******', '*******');
mysql_select_db("*******");
//prise de la derniere id
$result = mysql_query("SELECT * FROM avendrenonpubliee ORDER BY id DESC LIMIT 0,1");
$row = mysql_fetch_array($result);

?>

</p>
<table width="910" border="0">
<tr>
<div id="couleur_blanche">
<td height="30" background="images/barreannonce.png" style="background-repeat:no-repeat"><? echo '<span style="color:#FFFFFF;">'.$row["marque"].'</span>';?> <? echo '<span style="color:#FFFFFF;">'.$row["autres"].'</span>';?> <? echo '<span style="color:#FFFFFF;">'.$row["modele"].'</span>';?> <? echo '<span style="color:#FFFFFF;">'.$row["annee"].'</span>';?> <? echo '<span style="color:#FFFFFF;">'.$row["negociable"].'</span>';?>
</td>
</div>
</tr>
</table></td>
<p> </p>
<table width="844" border="0">
<tr>
<td width="409" height="76"><?php
//l'image 1 est la
$i=1;
if($row['image'.$i]) {
echo '<center>
<a href="photos/'.$row['image'.$i].'" alt="Voir image en grand">
<img src="photos/'.$row['image'.$i].' " width="300">
</a>
</center>';
} ?>

</td>
<td width="425" align="left" valign="top"><table width="411" border="0">
<tr>
<td width="211"><div id="couleur_bleue">Numéro de l'annonce:</div></td>
<td width="190"><? echo '<span style="color:#00F;">'.$row["id"].'</span>';?></td>
</tr>
<tr>
<td><div id="couleur_bleue">Type d'annonce</div></td>
<td><? echo '<span style="color:#00F;">'.$row["typedannonce"].'</span>';?></td>
</tr>
<tr>
<td><div id="couleur_bleue">Catégorie de véhicule:</div></td>
<td><? echo '<span style="color:#00F;">'.$row["etat"].'</span>';?></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><div id="prix">Prix:</div></td>
<td><div id="prix"><? echo '<span style="color:#00F; font-size:24px;">'.$row["prix"].'</span>';?>  FCFA</div></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><div id="couleur_bleue">Kilométrage:</div></td>
<td><? echo '<span style="color:#00F;">'.$row["kilometrage"].'</span>';?></td>
</tr>
<tr>
<td><div id="couleur_bleue">Nombre de cylindre:</div></td>
<td><? echo '<span style="color:#00F;">'.$row["cylindre"].'</span>';?></td>
</tr>
<tr>
<td><div id="couleur_bleue">Puissance fiscale:</div></td>
<td><? echo '<span style="color:#00F;">'.$row["puissance"].'</span>';?></td>
</tr>
</table>

</td>
</tr>
</table>
<table width="843" border="0">
<tr>
<td width="96" height="57" valign="top"><?php
//l'image 2 est la
$i=2;
if($row['image'.$i]) {
echo '<center>
<a href="photos/'.$row['image'.$i].'" alt="Voir image en grand">
<img src="photos/'.$row['image'.$i].' " width="96">
</a>
</center>';
} ?> </td>
<td width="96" valign="top"><?php
l'image 3 est la
$i=3;
if($row['image'.$i]) {
echo '<center>
<a href="photos/'.$row['image'.$i].'" alt="Voir image en grand">
<img src="photos/'.$row['image'.$i].' " width="96">
</a>
</center>';
} ?> </td>
<td width="96" valign="top"><?php
// l'image 4 est la
$i=4;
if($row['image'.$i]) {
echo '<center>
<a href="photos/'.$row['image'.$i].'" alt="Voir image en grand">
<img src="photos/'.$row['image'.$i].' " width="96">
</a>
</center>';
} ?> </td>
<td width="100" valign="top"><?php
// l'image 5 est la
$i=5;
if($row['image'.$i]) {
echo '<center>
<a href="photos/'.$row['image'.$i].'" alt="Voir image en grand">
<img src="photos/'.$row['image'.$i].' " width="94">
</a>
</center>';
} ?> </td>
<td width="433"><table width="430" border="0">
<tr>
<td width="211"><div id="couleur_bleue">Consommation d'essence:</div></td>
<td width="209"><? echo '<span style="color:#00F;">'.$row["consommation"].'</span>';?></td>
</tr>
<tr>
<td><div id="couleur_bleue">Carburant:</div></td>
<td><? echo '<span style="color:#00F;">'.$row["carburant"].'</span>';?></td>
</tr>
<tr>
<td><div id="couleur_bleue">Transmission:</div></td>
<td><? echo '<span style="color:#00F;">'.$row["transmission"].'</span>';?></td>
</tr>
<tr>
<td><div id="couleur_bleue">Immatriculé:</div></td>
<td><? echo '<span style="color:#00F;">'.$row["immatricule"].'</span>';?></td>
</tr>
<tr>
<td><div id="couleur_bleue">Climatisation:</div></td>
<td><? echo '<span style="color:#00F;">'.$row["climatisation"].'</span>';?></td>
</tr>
<tr>
<td><div id="couleur_bleue">Audio:</div></td>
<td><? echo '<span style="color:#00F;">'.$row["audio"].'</span>';?></td>
</tr>
<tr>
<td><div id="couleur_bleue">Couleur intérieure:</div></td>
<td><? echo '<span style="color:#00F;">'.$row["couleurinterieure"].'</span>';?></td>
</tr>
<tr>
<td><div id="couleur_bleue">Couleur extérieure:</div></td>
<td><? echo '<span style="color:#00F;">'.$row["couleurexterieure"].'</span>';?></td>
</tr>
</table></td>
</tr>
</table>
<table width="843" height="244" border="0">
<tr>
<td width="416"> </td>
<td width="199" valign="top"><div id="couleur_bleue">Message:</div></td>
<td width="214" valign="top"><? echo '<span style="color:#00F;">'.$row["message"].'</span>';?></td>
</tr>
</table>
<p> </p>
</div>
</div>
<!-- End Save for Web Slices -->
</body>