Mudar legenda da foto com javascript

for (var image in fotos) {
 document.images[0].onload = function() {
	document.getElementById("caption").innerHTML = this.alt;
 }
 }

Estou querendo criar uma legenda personalizada usando o plugin fotorama do jquey. O script acima ele consegue pegar a propriedade alt da primeira imagem, mas quando mudo de imagem no slide, a legenda não muda. percebo que quando mudo (...images[0]... para images[1]) no código ele muda a legenda da foto seguinte.

Como faço para que ao mudar de imagem no slide o script verifique a foto que está sendo exibida e mostre a legenda da foto correta?

segue HTML

<div class='fotorama'>

<img src='imagem-01' alt='legenda da primeira foto'/>
<img src='imagem-02' alt='legenda da segunda foto'/>
<img src='imagem-03' alt='legenda da terceira foto'/>

<div id='caption'></div>
</div>