Un efecto muy llamativo, ¿Cómo hacerlo?

[ambigus]

Hola Pinty agradesco mucho tu ayuda. Si he entendido muy bien todo el efecto me has explicado. Ha salido muy bien, sin embargo, resulta que necesito que la imagen que cambie sea la que está en el DIV, osea:

Código HTML:

<div id="windows" onmouseover='this.style.background="url(windows_icon.png)"'   onmouseout='this.style.background="url(video_1.1.jpg)"' "><img src="video_1.jpg" width="244" height="138" /></div>
 

Si te fijas muy bien tengo de imagen:

Código HTML:

img src="video_1.jpg" width="244" height="138"
 

Con sus cualidades especifícas, y es que resulta que lo que le hago a esa imagen es insertarle un efecto muy llamativo, como verás en este link:

http://extremegamex1.gofreeserve.com...os_1.2.26.html

Al hacer click en la imagen de HD o SD, aparece el efecto, es el mismo principio pero ahora con la imagen directamente.

Osea el código queda:

Código HTML:

<div id="windows"><a href='http://youtube.com/v/a2UCnblmOMY?hd=1' class='lightview' rel='set[myset][flash]' title='Crysis :: caption :: width: 800, height: 600'><img src='sd_icon_2.png' alt=''/></a></div>
 

y al agregarle lo que me enseñaste:

Código HTML:

<div id="windows" onmouseover='this.style.background="url(windows_icon.png)"'   onmouseout='this.style.background="url(video_1.1.jpg)"' "><a href='http://youtube.com/v/a2UCnblmOMY?hd=1' class='lightview' rel='set[myset][flash]' title='Crysis :: caption :: width: 800, height: 600'><img src='sd_icon_2.png' alt=''/></a></div>
 

Sin embargo lo que quiero es que se interactue ese cambio de imagenes de mouse encima y demás con la misma IMAGEN que yo pongo, osea: " <img src='sd_icon_2.png' " con la imagen que yo pongo, no con la imagen de fondo del DIV, sino con la que yo pongo.

¿Es eso posible?.

Espero una pronta respuesta.