css mouseover image swap

PROJECT DESCRIPTION: i need 6 images on an image map to swap when moused over and at the same time trigger a swap of a second image which is not being moused over. because the static images are part of a non-linear image map, it is likely necessary that you superpose the active image on the static image when it is moused over, instead of doing a real 1-to-1 swap. the images on the image map are irregular and probably too close to each other to allow clean rectangular cuts without overlaps. the second image should swap for an active image whenever 5 of the images on the image map are moused over, however a second active image needs to show when the 6th image on the image map is moused over. the page you need to work on is here: [login to view URL] the active images for the main image swaps are here: [login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] the second image swap for 5 of the 6 swaps is here [login to view URL] the second image swap, only to activate when [login to view URL] is swapped, is here: [login to view URL] ## Deliverables DELIVERABLE: the [login to view URL] file with the code that executes the above described image swaps, with following points taken care of: - i'm fairly confident that this can be done using css only, without javascript. please contact me first if you believe this is not possible. - many css image swaps produce flickering in internet explorer. your proposed solution should solve this problem. below are a few links to pages that manage to do this - the swapped images on the image map are in fact slightly enlarged versions of the static images, with the characters below flipped 90 degrees. please position them in such a way that the mouseover produces an overall enlarging effect, without any prevailing shift left/right/up/down. if dimensions or other properties of the active image are not suitable for the desired result, contact me and i'll provide you with an amended version - please include an image preload, so that the image swaps execute instantaneously - each image on the image map should also point to a url, for simplicity's sake please point them to themselves, i.e. the hand with the needle should link to [login to view URL] - needless to say, we need cross-browser compatibility. please test in ie and firefox at least, and run your page through a css validator [login to view URL] and [login to view URL] REFERENCES: after some initial research, i have found following links to pages that present at least part of the desired result, and may be of use to you: [login to view URL] [login to view URL] [login to view URL] TIMING: i'm NOT in a hurry. please review carefully, i prefer handing this to someone who has experience doing exactly the same thing, so this should be a piece of cake, and a good result. ## Platform in all 6.0+ versions of Internet Explorer and 2.0+ versions of Firefox