Preview images help

[acidglitter]

I want to be able to have 2 images... One is a thumbnail, and when your mouse pointer hovers over it a larger image shows up in a little box. Like how the title tag works.. Does anyone know how I can do this?

[phpQuestioner]

 

<script language="javascript">
function displayIt(what) {
document.getElementById(what).style.display="inline";
}
function hideIt(what) {
document.getElementById(what).style.display="none";
}
</script>

<img src="" width=50 height=50 onmouseover="displayIt('pic1')" onmouseout="hideIt('pic1')">
<div id="pic1" style="position:absolute;margin:0;background:#FFFFFF;border:solid 1px #000000;width:200px;height:200px;display:none">
<img src="" width=200 height=200>
</div>

[acidglitter]

Okay thanks so much!