Can someone help me on this. I got part of it done but i need help on the last part. What I'm trying to do is make the pictures from the smaller size go bigger and take up the given table area and then when i press it again it will reduce back to its previous size
[HTML]
<Tr>
<td align="center" height="5%" colspan="3"><font size="5"><font color="white"><b><u><center>Chandra's Photos</u></b></font></td></tr>
<tr>
<td height="95%"><font size="3"><font color="white"><center>
<img id="img1" src="F4Elite_Chandra_Pyramid.JPG" width="200" hspace=10 title="Derek" style="cursor:pointer;" onClick="javascript:switch_to_big_area(this.id);"> </td>
<td><img id="img2" src="Chandra's_Cake.JPG"width ="200" hspace=10 title="Best Badminton Cake Ever" style="cursor:pointer;" onClick="javascript:switch_to_big_area(this.id);"> </td>
<td><img id="img3" src="F4Elites_Chandra.JPG" width="200" hspace=10 title="Jon, Justin, Chandra, Pete, Tim" style="cursor:pointer;" onClick="javascript:switch_to_big_area(this.id);"> </td>
</tr>
<tr>
<td><img id="img4" src="GGBC_Team_Chandra_Birthday.JPG" width="200" hspace=10 title="The Whole Badminton Team With Chandra" style="cursor:pointer;" onClick="javascript:switch_to_big_area(this.id);"> </td>
<td><img id="img5" src="augustus1.jpg" width="200" hspace=10 title="No Picture" style="cursor:pointer;" onClick="javascript:switch_to_big_area(this.id);"> </td>
<td><img id="img8" src="augustus2.jpg" width="200" hspace=10 title="No Picture" style="cursor:pointer;" onClick="javascript:switch_to_big_area(this.id);"> </td>
</tr>[/HTML]