Eu estou procurando a melhor maneira de reproduzir uma apresentação de slides de imagem quando um usuário passa o mouse sobre a imagem (a apresentação de slides pára novamente quando o usuário move o mouse para fora da imagem).

A demonstração abaixo faz tudo o que preciso, exceto a funcionalidade de foco.

Link parademonstração

Link paradocumentação

Aqui está o html

<div class="fadein">
<img src="http://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg">
<img src="http://farm3.static.flickr.com/2597/4121218611_040cd7b3f2.jpg">
<img src="http://farm3.static.flickr.com/2531/4121218751_ac8bf49d5d.jpg">
</div>

e jQuery

 $(function(){
 $('.fadein img:gt(0)').hide();
 setInterval(function(){
 $('.fadein :first-child').fadeOut()
 .next('img').fadeIn()
 .end().appendTo('.fadein');}, 
 3000);
 });

Também estou procurando a melhor maneira de aumentar a velocidade da apresentação de slides, diminuiu de 3000 para 1000, (apontado por RUJordan)