On Hover - Change Layer

[MattBallington]

Hi, I would like a script that changes a layer when you hover over a image (e.g. [BUTTON 2])

[HOME][BUTTON 2][BUTTON 3][BUTTON 4][BUTTON 5][BUTTON 6][BUTTON 7][BUTTON 8]
[LAYER CONTENT HERE]

If for e.g. i was on the home page, it would be like this as default:
[HOME][BUTTON 2][BUTTON 3][BUTTON 4][BUTTON 5][BUTTON 6][BUTTON 7][BUTTON 8]
[NEWS HELP FAQ]

But if i then hovered over [BUTTON 2] it would change to this:
[HOME][BUTTON 2][BUTTON 3][BUTTON 4][BUTTON 5][BUTTON 6][BUTTON 7][BUTTON 8]
[BUTTON 2's CONTENT WOULD BE HERE]

And then on mouse out it would change back to the default. NOTE - the layer would still have to be displayed whilst you hover over that layer so that it is possible to click on one of the links. Also when you hover over the butons eg home, the image would change and also have this:
<a class="home" onmouseover="window.status='Home';return true;" onmouseout="window.status='';return true;" href="http://www.blank.com">


Thanks In Advance,

Matt

[Khalid Ali]

Check this link..it whould help you ...

http://68.145.35.86/skills/javascripts/SimpleImageSwap.html

[MattBallington]

Yes, that is kind of how i want it, but could you help me make it more specific to what i would like please.
when you hover over a button/image i would need the content in the <div></div> to be a table.