( function($) {
$(document).ready(function(){
$('#slider2') // Demo 2 code, using FX base effects
	.anythingSlider({
	width               : 530,
	height              : 161,
	startStopped        : false,
	resizeContents      : false,
	delay               : 7000,
	animationTime       : 1000,
	navigationFormatter : function(i, panel){
		return mytabs[i - 1];
	}
	})
	.anythingSliderFx({
	// base FX definitions
	// '.selector' : [ 'effect(s)', 'size', 'time', 'easing' ]
	// 'size', 'time' and 'easing' are optional parameters, but must be kept in order if added
		'.quoteSlide'         : [ 'top', '500px', '1000', 'easeOutElastic' ],
		'.expand'             : [ 'expand', '10%', '400', 'easeOutBounce' ],
		'.textSlide h3'       : [ 'top fade', '200px', '500', 'easeOutBounce' ],
		'.textSlide img,.fade': [ 'fade' ],
		'.textSlide li'       : [ 'listLR' ]
	});
});
} ) ( jQuery );

( function($) {
$(document).ready(function(){
$('#slider2') // Demo 2 code, using FX full control
	.anythingSlider({
	width               : 530,
	height              : 161,
	startStopped        : false,
	resizeContents      : false,
	delay               : 7000,
	animationTime       : 1000,
	navigationFormatter : function(i, panel){
		return mytabs[i - 1];
	}
	})
	.anythingSliderFx({
	// base FX definitions can be mixed and matched in here too.
	'.fade' : [ 'fade' ],

	// for more precise control, use the "inFx" and "outFx" definitions
	// inFx = 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: 1000 },
		'.expand'        : { width: '100%', top: '0%', left: '0%', time: 400, easing : 'easeOutBounce' },
		'.quoteSlide'    : { top : 0, time: 400, easing : 'easeOutElastic' }
	},
	// 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: 1050 },
		'.quoteSlide:first'  : { top : '-500px', time: 350 },
		'.quoteSlide:last'   : { top : '500px', time: 350 },
		'.expand'            : { width: '10%', top: '50%', left: '50%', time: 350 }
	}
	});
});
} ) ( jQuery );