Byta ut bild vid MouseOver..

Tjenare!
Jag skulle vilja byta ut en bild när man håller musen över en helt annan bild..
Jag tänkte ha miniatyrbilder och när man för musen över dem så ska en större bild visas på en annan plats på sidan där de finns en bild, som skall bytas ut.

Jag vet bara hur man förhandsvisar bilder som man vill ladda upp via ett formlär, tänkte att detta var något liknande..

Hoppas någon kan hjälpa mig!

Om filerna heter bild1.jpg, bild2.jpg, osv och miniatyrerna bild1_mini.jpg, bild2_mini.jpgosv...

<script type="text/javascript">
function bigIn(th){
  document.getElementById("bigimage").src=th.src.replace(/\_mini/i, "");
}

function bigOut(){
  document.getElementById("bigimage").src="placeholder.gif";
}
</script>
<img src="bild1_mini.gif" onmouseover="bigIn(this);" onmouseout="bigOut();"/>
<img src="bild2_mini.gif" onmouseover="bigIn(this);" onmouseout="bigOut();"/>
<img src="bild3_mini.gif" onmouseover="bigIn(this);" onmouseout="bigOut();"/>
...

<img src="placeholder.gif" id="bigimage">

Skitsnyggt :D