Fotorama и Shadowbox не работают вместе должным образом

У меня есть теневой ящик для моих фотографий под галереей fotorama, и он отлично работает. Однако, когда я нажимаю любую кнопку в галерее fotorama, она сразу же вызывает теневой блок изображения. Я не могу понять, почему он продолжает появляться с изображением теневого ящика, когда все, что я хочу сделать, это перейти на другое изображение fotorama. Вот сайт, который точно показывает, в чем проблема:

http://ultimatefinishdetailing.com/TiburonPictures.html

Вот код на сайте:

Заголовок HTML-страницы:

<link rel="stylesheet" type="text/css" href="files/shadowbox/shadowbox.css">
<script type="text/javascript" src="files/shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
});
</script>

HTML для фоторамы:

<script>
fotoramaDefaults = {
width: 700,
maxwidth: '100%',
ratio: 16/9,
allowfullscreen: true,
nav: 'thumbs'
}
</script>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<link  href="http://fotorama.s3.amazonaws.com/4.4.9/fotorama.css" rel="stylesheet">
<script src="http://fotorama.s3.amazonaws.com/4.4.9/fotorama.js"></script>
<div class="fotorama">
<img src="images/IMG00242-20110527-17513.jpg">
<img src="images/IMG00248-20110527-17522.jpg">
</div>