$(document).ready(function(){
	//put your jquery scripts here
	
	/*
	To change the how long the slide stays increase the timeout.
	The timeout is in milliseconds.
	*/
	$('#cycle').after('<ul id="cycle-nav">').cycle({
		speed: '1000',
		timeout: '5000',
		fx: 'fade',
		pager: '#cycle-nav',
		pagerAnchorBuilder: function(idx, slide) {
			return '<li><a href="#">'+ $(slide).attr('title') +'</a></li>'; //place title on li
		}

	});
	
	$('#cycle-nav li:first-child').addClass('first');
	$('#cycle-nav li:last-child').addClass('last');
	
});