$(document).ready(function(){

	$('#slider2')
	.anythingSlider({
		width               : 600,
		height              : 350,
		startStopped        : false,
		resizeContents      : false,
		navigationFormatter : function(i, panel){
			return ['Richmond', 'Henrico', 'Fan', 'Career', 'Video', 'Chesterfield', 'Hanover'][i - 1];
		}
	})
	.anythingSliderFx({
		// base FX definitions
		// '.selector' : [ 'effect(s)', 'distance/size', 'time', 'easing' ] - 'time' and 'easing' are optional parameters
		'.quoteSlide'         : [ 'fade'],
		'.expand'             : [ 'expand', '10%', '400', 'easeOutBounce' ],
		'.textSlide img,.fade': [ 'fade' ] /*,

		// for more precise control, use the "in" and "out" definitions
		// in = the animation that occurs when you slide "in" to a panel
		    inFx  : {
		     '.textSlide h3'  : { opacity: 1, top  : 0, time: 400, easing : 'easeOutBounce' },
		     '.textSlide li'  : { opacity: 1, left : 0, time: 400 },
		     '.textSlide img' : { opacity: 1, time: 400 },
		     '.quoteSlide'    : { top : 0, time: 400, easing : 'easeOutElastic' },
		     '.expand'        : { width: '100%', top: '0%', left: '0%', time: 400, easing : 'easeOutBounce' }
		    },
		// out = the animation that occurs when you slide "out" of a panel
		// (it also occurs before the "in" animation)
		     outFx : {
		     '.textSlide h3'      : { opacity: 0, top  : '-100px', time: 350 },
		     '.textSlide li:odd'  : { opacity: 0, left : '-200px', time: 350 },
		     '.textSlide li:even' : { opacity: 0, left : '200px',  time: 350 },
		     '.textSlide img'     : { opacity: 0, time: 350 },
		     '.quoteSlide:first'  : { top : '-550px', time: 350 },
		     '.quoteSlide:last'   : { top : '550px', time: 350 },
		     '.expand'            : { width: '10%', top: '50%', left: '50%', time: 350 },
		    } */
	});

});