I've got a page where I need some data that is at the bottom of the page to be shown in a different location when they hover over an image.

So I have somethng like this...


Text text text, da bla bla bla

Text 2

Image 1, Image 2, Image 3

<div id=data1>image data 1</div>
<div id=data2>image data 2</div>
<div id=data3>image data 3</div>

When they mouse over image 1, 2, or 3 I want "Text text text, da bla bla bla" to change with the corisponding data. The trick is, the <div>'s with the image data have to be at the bottom of the page and cannot be in the same location of the script as "text text text..."