Are any JQuery genius' out there than can help with this script: http://jsfiddle.net/e6Tm7/

The way it should work is as follows...

The three main images are on a carousel that cycles round. When you click on thumb 1 the carousel is stopped and the main image is replaced with a new different image and that new large image that appears can then be clicked to show a second image in the same position. Likewise when you click on thumb 2 the main image should change and again that image is clickable to show a different second image. (hope that makes sense!)

This works for thumb 1 but when you click on image 2 the large images doesn't seem to work.

Any help or tidying up would be greatly appreciated.

Many thanks