Неперехваченное исключение в функции jQuery

Приведенный ниже код вызывает:

Uncaught SyntaxError: Unexpected token <

Есть идеи, как решить эту проблему? Моя цель - использовать больший размер при обнаружении изображений каталога вместо статических HTML-записей, с которыми он написан. Я нашел статью (http://www.zachmelo.com/customizing-supersize-jquery/), в которой говорится именно об этом, но код выдает ошибку на слайдах: [<

        jQuery(function($){

            $.supersized({

                // Functionality
                slide_interval          :   3000,       // Length between transitions
                transition              :   1,          // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
                transition_speed        :   700,        // Speed of transition

                // Components                           
                slide_links             :   'blank',    // Individual links for each slide (Options: false, 'num', 'name', 'blank')
            slides  :[<?php
                    $directory = "/img/"; 
                    $directory_thumbs = "/img/thumbs/"; 
                    $images = glob($directory . "*.png"); 
                    $images_thumb = glob($directory_thumbs . "*.png"); 
                    $images_final = array_combine($images,$images_thumb); 
                    foreach($images_final as $image = $key) 
                    {
                        $name= $image; 
                        $name-chop= trim($name, $directory); 
                        $name-chop= trim($name-chop, ".png"); 
                        $name-chop= str_replace('_',' ', $name-chop); 
                        echo "{image : ' $image ', title : ' $name-chop ' , thumb : '$key' },";
                    }?>]
        });