rollover de imagen javascript

Hola, tengo una pregunta sobre la renovación de la imagen, pero no es así como se podría pensar.

He visto un ejemplo de http://www.asos.com/ y haga clic en el botón de inicio (arriba, a la izquierda)

Puede ver que cuando se desplaza una imagen, esa imagen permanece resaltada y las demás se oscurecen.

Sé que esto se ha hecho con jquery pero el código es muy desordenado. ¿Alguien ha visto esto antes o sabe cómo hacerlo?

Gracias

Solución rápida (se puede ajustar más corto, supongo):

En primer lugar: Firebug es tu amigo. La técnica empleada es más sencilla de lo que uno podría pensar: simplemente reducen la opacidad de las imágenes a 0,3. Como el fondo es negro, las imágenes aparecen oscurecidas. Así que el código podría verse algo como esto:

 $('img.fade').live('mouseover', function (e) { var $this = $(this).fadeTo(500, 1.0); $('img.fade').not($this).fadeTo(500, .3); ); $('img.fade').live('mouseout', function (e) { var $this = $(this); $('img.fade').not($this).fadeTo(500, 1.0); );