/**
 * Starts the Nivo Slider and sets the rotation.
 * 
 * This script is setup to use #slideshow as the <div> id.
 * Make sure you include the jQuery library hosted on Google.
 *
 * jQuery Library:
 * <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
 */
	$(document).ready(function() {
		
		var total = $('#slideshow img').length;
		var rand = Math.floor(Math.random()*total);
		
		if ($('#slideshow').length) {
			$('#slideshow').nivoSlider({
				effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
				slices:15,
				animSpeed:500, //Slide transition speed
				pauseTime:5000,
				startSlide:0, //Set starting Slide (0 index)
				directionNav:true, //Next & Prev
				directionNavHide:true, //Only show on hover
				controlNav:true, //1,2,3...
				controlNavThumbs:false, //Use thumbnails for Control Nav
				controlNavThumbsFromRel:false, //Use image rel for thumbs
				controlNavThumbsSearch: '.jpg', //Replace this with...
				controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
				keyboardNav:true, //Use left & right arrows
				pauseOnHover:true, //Stop animation while hovering
				manualAdvance:false, //Force manual transitions
				captionOpacity:0.8, //Universal caption opacity
				beforeChange: function(){},
				afterChange: function(){},
				slideshowEnd: function(){} //Triggers after all slides 
			});
		}
		
	});