I have created a virtual kitchen using a blending image slideshow which works great to a point but have run into a snag.

Currently I have 30 thumbnails with different kitchen countertops and on mouseover the thumbnails, the larger image will display in a <div id="container">LARGE IMAGE</div>. Easy enough, works good.

The problem I am having is I wanted to take this a step further and have created transparent gifs of 3 different cabinet styles. I simply want to overlay these in the <div id="container">LARGE IMAGE</div> and have been trying for 3 days with no success.

Is there a way, with CSS or javascript or any other means where these can be selected and remain as an overlay ? I can select them initially over the original image but once I mouseover a thumbnail for the 30 coutertops, it unloads the previous image and my transparent gif.

Any help would be GREATLY APPRECIATED !

Adam WebDesign, you must be able to help me out on this one ! ?

Could you embed the images in another wrapper div?

<div id="container">
<div id="transparentOverlays>
<img src="transparent.gif" id="transparentImage" />
<img src="x" id="main" />
</div>
</div>