JavaScript Need help with Jquery on web template

Hi,

I love the template I found and have begun setting it up. You can see it below. What I did was create to images in the right header section and then put a page refresh in there to change the pictures. But I do not like this method:

http://designerandpublisher.com/premier/site/

So I found a Jquery to smoothly change those photos. I first did a test by setting up overlaid DIVs to just get it to work. I got this test working properly as seen below:

http://designerandpublisher.com/premier/test/overlay.html

So then I started tweaking the CSS to try to get it to work on the actual page in the first link above. Keep in mind that none of the images on the page below are there except for the testing of the JQuery. I cannot seem to get it to work. Any ideas?

http://designerandpublisher.com/premier/test/overlay2.html

Any help is appreciated.