Mover imagen a div?

[ccc_vader]

Buenas!
A ver si me pueden ayudar con esto, estuve buscando por todos lados, pero no doy con la solucion..
Incluso en este foro, habia algo muy parecido a lo que quiero hacer ((http://www.forosdelweb.com/f13/arrastrar-imagen-dentro-capa-183591/)), pero no pude aplicarlo =(

En fin, tengo una imagen y un div.. en mouseover sobre el div (containerTop), la imagen (img1) se tiene que mover sobre el span (topBlock).. como puedo hacer esto??

Dejo el codigo por si acaso..

Código:

<div id="blocker"><img src="img1" alt="img1" width="100" height="100" class="rounded-img" />
<span id="imgHidden"><img src="img2" alt="img2" width="100" height="100" class="rounded-img" /></span>
</div>
<div id="containerTop">
<span id="topBlock" class="bloqueClase">Texto</span>
</div>

Muchas gracias al que se tome la molestia de mirar!!

[America|UNK]

Código Javascript:

/*
<div id="blocker"><img src="img1" alt="img1" width="100" height="100" class="rounded-img" />
<span id="imgHidden"><img src="img2" alt="img2" width="100" height="100" class="rounded-img" /></span>
</div>
<div id="containerTop">
<span id="topBlock" class="bloqueClase">Texto</span>
</div>
*/
 
<script>
(function(){
    document.getElementById("containerTop").onmouseover = function(){
        var top = document.getElementById("topBlock"), im = document.getElementById("blocker").firstChild //img1 de blocker 
        if(im.tagName == 'IMG'){
            top.replaceChild(im,top.firstChild) // reemplazar Texto por img1
        }
    }
})()
</script>