Как сделать 2-3 видео в модальных окнах?

Здравствуйте я новичок в Dle

у меня тут возникла проблема с кодом вот допустим я хочу сделать 2-3 видео на одной странице в модальном окне, но когда я делаю точно такой-же код ниже то всё вроде как получается но когда я нажимаю на кнопку "смотреть онлайн" первый раз открывается сначала первое видео потом нажимаю на ту-же кнопку 2-й раз и открывается 2-е видео нажимаю 3-й раз на ту-же кнопку и открывается 1-е видео

я просто нуб в этой сфере

вот как я делал:
просто тупо 2 раза подряд вставлял, буду очень вам благодарен за помощь

<script type="text/javascript">
function ModalWindow() {
var videolink = '';
$("#video-container").dialog({
autoOpen: true,
open: function(event, ui) { 
videolink = $(this).find("iframe").attr('src');
},
show: 'fade',
hide: 'fade',
width: 'auto',
beforeClose: function(event, ui) {
$(this).find("iframe").attr('src','');
$(this).find("iframe").attr('src',videolink);
}


});
}
</script>


<a href="#" onclick="ModalWindow(); return false;">Смотреть онлайн</a>
<div id="video-container" title="Смотреть кино" style="display:none; "><iframe src="http://vk.com/video_ext.php?oid=232777078&id=169552122&hash=8e6c84537037ff5b&hd=1" width="800" height="360" frameborder="0"></iframe></div>

<br>

<script type="text/javascript">
function ModalWindow() {
var videolink = '';
$("#video-container").dialog({
autoOpen: true,
open: function(event, ui) { 
videolink = $(this).find("iframe").attr('src');
},
show: 'fade',
hide: 'fade',
width: 'auto',
beforeClose: function(event, ui) {
$(this).find("iframe").attr('src','');
$(this).find("iframe").attr('src',videolink);
}


});
}
</script>


<a href="#" onclick="ModalWindow(); return false;">Смотреть онлайн</a>
<div id="video-container" title="Смотреть кино" style="display:none; "><iframe src="http://vk.com/video_ext.php?oid=232777078&id=169552122&hash=8e6c84537037ff5b&hd=1" width="800" height="360" frameborder="0"></iframe></div>