Cómo cargar imagen en bootstrap modal con javascript

Mi configuración es de 4 enlaces (abajo). Quiero que cada enlace abra myModal, pero dependiendo del enlace en el que se haga clic, se debe cargar un archivo de imagen diferente en el modal. Lo tengo trabajando para uno de los enlaces.

<li><a href="#myModal" data-toggle="modal">6 Teams</a></li>
<li><a href="#">5 Teams</a></li>
<li><a href="#">4 Teams</a></li>
<li><a href="#">3 Teams</a></li>

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="width:800px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<img src="/images/brackets/6teamDouble1.jpg">
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
</div>
</div>

¿Cómo consigo que esto funcione para cada enlace sin crear un modal separado para cada uno?

Respuestas a la pregunta(1)

Su respuesta a la pregunta