iFrames, jQuery, and loading a background Image

iFrames, jQuery, and loading a background Image

Hello,

I am trying to do something that I don't know if it is possible. I have a parent document that has a DIV in the middle of it that loads a picture as background image. On this same page is an iframe that has the thumbnails of the pictures that can be loaded. When you click on a thumbnail in the iframe, the picture loads in the parent DIV as the background.

What I want to do is have the parent DIV fade in the pictures when you click on the different thumbnails in the iframe. I am very new to jQuery, but I have figured out how to get the background image that loads with the page to fade in, but all the fading stops there.

The link to the site I am working on is http://www.mycloud.me/debord/bathrooms.html

This is for a contractor. I know the iframe moves around a little depending on the browser you view it from, but I'm working on that. Any help would be great.

Thanks.