<?php
global $data;
$slides = $data['ss_slider'];
?>

<script>
<!-- Supersized Background Images -->
jQuery(function($){
    $.supersized({
    startwidth: 1024,
    startheight: 768,
        // Functionality
        slide_interval          :   5000,       // 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        :   6000,       // Speed of transition

        // Components
        slide_links             :   'blank',    // Individual links for each slide (Options: false, 'num', 'name', 'blank')
        slides                  :   [           // Slideshow Images
                                        <?php
                                        foreach ($slides as $slide => $value) {

                                            $sliderIMG      = $value['url'];
                                            echo '{image : src="'. $sliderIMG .'"},';
                                        }
                                        ?>
                                    ]
    });
});
</script>