Assistence required if possible

Assistence required if possible

--------------------------------------------------------------------------------

Hi all, i'm getting in the game of web design and i have done a few sites through HTML before i progress on to CSS and am finding it very interesting and enjoyable,

I use the code failry comfortably and can make sense of it however i'm just starting out with java script and for the page i'm building i think i may need to use js.

The page i am building is a gallery that has thumbnails on it and what i want to do is when i click on that thumbnail it will take me to an enlarged image of this on the same page however, below is a sample of the code i have built but when i click on the thumbnail it is not changing the image and the bottom.

Any help in the right direction will be of great help


<DIV align=center><a title="Image 06"
onclick="swapPhoto('SL270529.jpg','Site Description','MandM Contracts'); return false;"
href="Images/Thumbnails/SL270529.jpg"><IMG
alt="morrisonandmathie"
src="Images/Thumbnails/SL270529.jpg"
width="60" height="60" /></a></DIV></TD>
<TR vAlign=top align=middle>
<TD>
<DIV align=center></DIV></TD>
<TD>
<DIV align=center></DIV></TD>
<TD>

<DIV id=displayArea><IMG
src="Images/Thumbnails/SL270523.jpg"
alt="Contracts"
width=402 height="287" id=mainPhoto>



i have around 12 images

Thanks for reading my post

Beats