jQuery Vegas Plugin output for WordPress

gistfile1.aw

<?php if(get_field('slideshow')): ?>

	<script src="<?php bloginfo('template_directory') ?>/js/jquery.vegas-1.2.min.js"></script>
	<script>
		jQuery(document).ready(function ($) {
			$.vegas('slideshow', {
				step: 0,
				delay: 5000,
				backgrounds: [
					<?php
						$array = get_field('slideshow');
						$first_element = array_shift(array_keys($array));
						$last_element = end(array_keys($array));
						$indent = "\n\t\t\t\t\t\t";

						foreach ($array as $key => $value) {
							if ($key === $first_element) {
								echo $indent . "{ src: '" . $value[photo] . "', fade: 500 }, ";
							} else if ($key == $last_element) {
								echo $indent . "{ src: '" . $value[photo] . "', fade: 500 } \n";
							} else {
								echo $indent . "{ src: '" . $value[photo] . "', fade: 500 }, ";
							}
						}
					?>
				],
				preload: false
			});
		});
	</script>

<?php endif; ?>