Ayuda con una galeria dinamica con JavaScript

Hola amigos, estoy trabajando en una pequena tare, una galeria en javascript, el codigo es bien sencillo

una div y tres img, lo que necesito hacer es que cada vez que el puntero se ponga sobre una de las imagenes esa misma imagen, se coloque como background-image de la div, bueno eso es lo que yo pienso que es la solucion.

<img class = "preview" alt = "Styling with a Bandana" src = "https://s3-us-west-2.amazonaws.com/s.cdpn.io/389177/bacon.jpg" onmouseover = "upDate(this)" onmouseout = "unDo()">
 
<img class = "preview" alt = "With My Boy" src = "https://s3-us-west-2.amazonaws.com/s.cdpn.io/389177/bacon2.JPG" onmouseover = "upDate(this)" onmouseout = "unDo()">
 
<img class = "preview" src = "https://s3-us-west-2.amazonaws.com/s.cdpn.io/389177/bacon3.jpg" alt = "Young Puppy" onmouseover = "upDate(this)" onmouseout = "unDo()">
Hover over an image below to display here.

debo trabajar estas dos funciones

function upDate(previewPic){} function unDo(){}