javascript rollover or something else?

[eggrush]

Hi Guys
I am trying to put a new header on my site www.canvas-style-art.co.uk

I have added some adverts underneath the design what looks like the end of the header but its not, its all one image (look at thumbnail on this mail), i want it this way so where my new header ends the normal ZC page starts with featured products as it is now, so really its just a redesigned header with a few rollovers and links.

I have tested this as a gif, animated gif and jpeg but cant get the 3 rollovers to work, the closest i come was the animated gif but because it was made with 2 frames they just loop.

I know this is kinda ambitious for someone that is relatively new to ZC but my questions are,

1 Can it be done
2 How? (a walkthrough would be cool.)