$(document).ready(function() {
		$('.jqslideshow')
		.after('<div id="nav">')
		.cycle({
			fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
			speed:    1500, // defines the number of milliseconds it will take to transition from one slide to the next.
			timeout:  5500, // specifies how many milliseconds will elapse between the start of each transition
			pause: 1, // so that pauses when user hovers over a slide
			delay:  1000, // set a delay before 1st slide starts transitioning
			pager: '#nav' //instructs the plugin to create navigation elements, one for each slide, and add them to the container identified by the value of the pager option.
		});
	});
	
	// THINGS TO KEEP IN MIND
		// - CSS Rules! When building your slideshows, remember that animation effects work best when both the container and slide have a fixed box.
		// - Remember that every child element of the container becomes a slide!
		// Because transition effects apply to the slide element, transitions that manipulate the size of the slide will not behave as expected. For example, all of the "turn" transitions change the height or width of the slide to achieve the effect. But when you change the height/width of an anchor, the image within the anchor does not get resized and so the effect does not behave as expected. (Fade does NOT manipulate size)