Eu estou querendo saber se é possível ter um gif animado, em seguida, disparar um evento através de jquery, uma vez que o gif chegou ao final de sua animação. Depois disso, ele volta ao início da fila e reproduz o gif e o evento novamente.

Se você der uma olhada no meu jfiddle, eu fiz um pequeno gif de um cara digitando. e quando ele olha para cima e tem uma ideia, eu quero que o "pensamento" div mude para outra coisa. Eu praticamente quero que essa palavra acima de sua cabeça esteja em sincronia e mude quando a cabeça dele aparecer.

http://jsfiddle.net/mMVhK/1/

<div id="thought">
    Amazing Idea
</div>

<div id="firstgif">
    <img src="http://i.imgur.com/pcc4DP5.gif"/>
</div>