$(document).ready(function() {

	// Cache the slideshow list
	var $slideshowList = $('#slideshow ul');
	
	// Add in the additional images for the slideshow
	$slideshowList.append('<li><img src="assets/images/slideshow_image_02.jpg" width="642" height="342" /></li>');
	$slideshowList.append('<li><img src="assets/images/slideshow_image_03.jpg" width="642" height="342" /></li>');
	$slideshowList.append('<li><img src="assets/images/slideshow_image_04.jpg" width="642" height="342" /></li>');
	$slideshowList.append('<li><img src="assets/images/slideshow_image_05.jpg" width="642" height="342" /></li>');
	$slideshowList.append('<li><img src="assets/images/slideshow_image_06.jpg" width="642" height="342" /></li>');
	
	$slideshowList.after('<div id="pagingLinks" class="navigation"></div>').cycle({
		fx: 'shuffle',
		timeout: 0,
		speed: 600,
		shuffle: { top:-500, left: 0 },
		pager: '#pagingLinks'
	});

});