/* 参数中有三个可用的回调函数init, before, after */
$function.terseBanner({
	// 初始化完时执行的回调函数
	// this指向terseBanner的实例对象
	// 实例对象中拥有$banner, $arrow, $btn等属性
	init: function() {
		this.$btn.each(function(i) {
			$(this).text(i+1); // 给指示按钮添加数字
		});
	},
	// 动画开始时执行的回调函数
	// @param index 是当前显示的图片的索引
	before: function(index) {
		$name.eq(index).slideUp();
	},
	// 动画完成时执行的回调函数
	after: function(index) {
		$name.eq(index).slideDown();
	},
});

/* 在自定义事件中使用terseBanner()方法切换图片 */
var $toggle = $function.find('.toggle a');

// $toggle是右侧的PREV, NEXT按钮
$toggle.click(function() {
	// terseBanner()中可以传入数字
	if (this.className === 'prev')
		$function.terseBanner('prev');

	if (this.className === 'next')
		$function.terseBanner('next');
});