Greybox не появляется, не знаю почему (PHP, Javascript)

Question

У меня есть сайт, написанный на PHP. Я пытаюсь интегрировать Greybox, используя наборы изображений, как описано в нижней части этой страницы (http://orangoo.com/labs/greybox/advance_usage.html), но всплывающее окно не работает. Весь HTML работает, и код кажется правильным, но когда я нажимаю на одну из ссылок, которая должна показывать набор изображений, в конце URL появляется "#", но больше ничего не происходит.

Я искал ответы на веб-сайте Greybox, здесь и в Google, но я просто не могу понять, почему это не работает. Вот соответствующий код:

В заголовке HTML:

<script type="text/javascript">
    var GB_ROOT_DIR = "greybox/";
</script>

<script type="text/javascript" src="greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/gb_scripts.js"></script>
<link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" />

В PHP:

// create imagesets for Greybox
    echo '<script>';
    foreach($series_list as $series) {
        echo 'var ',$series->name,' = [';
        $buf = '';
        foreach($series->photos as $photo) {
            $buf .= "{'caption': '" . $series->name_formatted . "', 'url': '" . $photo->path . "'},";
        }
        $buf = rtrim($buf, ','); // trim the last comma
        echo $buf;
        echo '];';
    }
    echo '</script>';

    echo '<div class="series">';
    // display list of series
    foreach($series_list as $series) {
        echo '<span class="series"><a href="#" onclick="return GB_showImageSet(',$series->name,', 1)">',$series->name_formatted,'</a></span>';
        echo '<br>';
    }
    echo '</div>';

Спасибо за вашу помощь! Я довольно новичок в PHP и Javascript, поэтому может быть явная ошибка, которую я не уловил.