$(function(){
	$('#slider')
	.anythingSlider({
		resizeContents      : true,
		autoPlay            : true,
		buildStartStop		: false
	})
	
	.anythingSliderFx({
		// for more precise control, use the "in" and "out" definitions
		// in = the animation that occurs when you slide "in" to a panel
		inFx  : {
			
			// slide 01
			'.slide-01 h1'				: { opacity:1, top:'100px', left:'0px', duration:1200, easing :'easeOutExpo' },
			'.slide-01 p'				: { opacity:1, top:'110px', left:'0px', duration:1600, easing :'easeOutExpo' },
			'.slide-01 img.image-01'	: { opacity:1, top:'0px', duration:1200, easing :'easeOutExpo' },
			
			// slide 02
			'.slide-02 h1'				: { opacity:1, top:'100px', left:'0px', duration:1200, easing :'easeOutExpo' },
			'.slide-02 p'				: { opacity:1, top:'110px', left:'0px', duration:1600, easing :'easeOutExpo' },
			'.slide-02 img.image-01'	: { opacity:1, top:'0px', duration:1200, easing :'easeOutExpo' },
			
			// slide 03
			'.slide-03 h1'				: { opacity:1, top:'100px', left:'0px', duration:1200, easing :'easeOutExpo' },
			'.slide-03 p'				: { opacity:1, top:'110px', left:'0px', duration:1600, easing :'easeOutExpo' },
			'.slide-03 img.image-01'	: { opacity:1, top:'0px', duration:1200, easing :'easeOutExpo' }
		}
		// out = the animation that occurs when you slide "out" of a panel
		// (it also occurs before the "in" animation) - outFx animation time is 1/2 of inFx time
		,outFx : {
	
			// slide 01
			'.slide-01 h1'				: { opacity:1, top:'100px', left:'-500px', duration:200, easing :'easeOutExpo' },
			'.slide-01 p'				: { opacity:0, top:'110px', left:'0px', duration:200, easing :'easeOutExpo' },
			'.slide-01 img.image-01'	: { opacity:0, top:'330px', duration:600, easing :'easeOutExpo' },
			
			// slide 02
			'.slide-02 h1'				: { opacity:1, top:'100px', left:'-500px', duration:200, easing :'easeOutExpo' },
			'.slide-02 p'				: { opacity:0, top:'110px', left:'0px', duration:200, easing :'easeOutExpo' },
			'.slide-02 img.image-01'	: { opacity:0, top:'330px', duration:600, easing :'easeOutExpo' },
			
			// slide 03
			'.slide-03 h1'				: { opacity:1, top:'100px', left:'-500px', duration:200, easing :'easeOutExpo' },
			'.slide-03 p'				: { opacity:0, top:'110px', left:'0px', duration:200, easing :'easeOutExpo' },
			'.slide-03 img.image-01'	: { opacity:0, top:'330px', duration:600, easing :'easeOutExpo' }
		}
	});
});