window.addEvent('domready', function() {
  var list = $$('.product .image');
  list.each(function(element) {
    var e = element.getElement('div');
    if ($chk(e)) {
      e.set({
        'styles' : {
          'opacity': '0'
        }
      });
      var fx = new Fx.Styles(e, {duration:500, wait:false});
      element.addEvent('mouseenter', function() {
        fx.start({
          'opacity': '0.9'
        });
      });
      element.addEvent('mouseleave', function() {
        fx.start({
          'opacity': '0'
        });
      });
    }
  });
});
