/* Relevant PHP: */

<?php if ( $s->slides_count() > 0 ) : ?>
	<ul class="ts-twentytwelve">
	<?php while ( $s->has_slides() ) : ?>
		<li id="ts-twentytwelve-slide-<?php $s->the_identifier(); ?>" class="ts-twentytwelve-slide <?php $s->draggable_parent(); ?>" style="background-image: url(<?php $s->the_background_url(); ?>);">
			<a href="<?php $s->the_link(); ?>" class="ts-twentytwelve-link <?php $s->make_draggable(); ?>" style="left: <?php $s->the_x(); ?>px; top: <?php $s->the_y(); ?>px">
				<div class="ts-twentytwelve-overlay">
					<h1 class="ts-twentytwelve-title"><?php $s->the_title(); ?></h1>
					<p class="ts-twentytwelve-description"><?php $s->the_description(); ?></p>
				</div>
			</a>
		</li>
	<?php endwhile; ?>
	</ul>
	<?php if ( $s->is_runtime() ) : ?>
		<a href="javascript:;" id="total-slider-previous">&laquo;</a>
		<a href="javascript:;" id="total-slider-next">&raquo;</a>
	<?php endif; ?>
<?php endif; ?>

/* Relevant JS: */

/*

 Twenty Twelve code below

*/

jQuery('.ts-twentytwelve').cycle({
	slides: '.ts-twentytwelve-slide',
	timeout: 5000,
	speed: 1000,
	prev:       $('#total-slider-previous'),
	next:       $('#total-slider-next')
});