I need to create a page that has a main image and loads of thumbnails underneath. When you click a thumbnail, the main image needs to update (preferably without refreshing the page).

I've nearly cracked it using a CSS method I've got off the web. Here's the latest page:

http://mccarronandco.com/newsite/test.html

It's nearly there, but I'm trying to stop the main picture resetting when a user clicks anywhere else on the page, so when the 'focus' leaves one of the thumbnails.

Can anyone help me stop this happening please?

Many thanks,

Andy