Динамика в модальном окне.
 

Здравствуйте. Хочу выводить видеоролики в модальном окне. И никак не выходит прикрутить. Выводится только первый ролик. .

$(document).ready(function() {
    $('.open-window').click(function() {
    $('.modal-window').fadeIn(function() {
    $('.window-container').addClass('visible');
    });
    });
    $('.close, .modal-window').click(function() {
    $('.modal-window').fadeOut().end().find('.window-container').removeClass('visible');
    });
    $('.window-container').click(function(event) {
    event.stopPropagation()
    });
    });

Вот собственно весь код. Вызываю так в Smarty шаблоне

{foreach key=id item=video from=$videos}
  <div class="open-window" ><img src="{$video.file}" /></div>
    </div>
    <div id="modal-window" class="modal-window">
    <div class="window-container animation">
    <iframe src="{$video.video}" width="" height=""></iframe>
    </div>
    </div>
{/foreach}

{$video.file} // ссылки на превью ролика
{$video.video} // ссылки на сам ролик

Помогите решить, или ссылку на пример, если можно.