Hello

I am wondering how the best way of changing the main image when a thumbnail is clicked via javascript would be.

At first I was going to give each thumbnail a function which onclick changes the innerhtml of the main image to show the thumbnail but I would like it to perhaps fade in and look a bit more sleek.

Here's the code

Code:
 <div class="imagerot">
    <img src="images/home/1.jpg" alt="" width="550" height="352" />
    <div class="imagerotsmaller">
    <img src="images/home/thumbs/1.jpg" alt="" width="150" height="96" />
    <img src="images/home/thumbs/2.jpg" alt="" width="150" height="96" />
    <img src="images/home/thumbs/3.jpg" alt="" width="150" height="96" />
    <img src="images/home/thumbs/4.jpg" alt="" width="150" height="96" />
    <img src="images/home/thumbs/1.jpg" alt="" width="150" height="96" />
    <img src="images/home/thumbs/2.jpg" alt="" width="150" height="96" />
    </div>
    
    </div>
Any Suggestions?

Thanks very much!