/*
	需要jquery
	vino 插件
	一些常用的功能
	
	如果需要特殊的滑动效果的话，需要加载jquery.easing.1.3.js
*/

;(function($){
$.fn.extend({	
	vino_scroll_x		:	function(settings){
		var _this = this;
		var items = this.find('li');
		var ul = this.find('ul');
		var current = 0;
		var bt_left = this.find('.bt_left');
		var bt_right = this.find('.bt_right');
		var l = items.length;
		var options = {'scroll_x':977, step:1};
		var btn = this.find('.btn');
		options = $.extend(options, settings);
		
		//绑定按钮
		$.each(items, function(i){
			span = $('<span class="Num_'+(i+2)+'"><a href="javascript:void(0);"></a></span>');
			if(i == current)	span.find('a').attr('class', 'Active');
			span.find('a').bind('click', function(){
				play(i);
			});
			span.appendTo(btn);
		});
		
		bt_left.bind('click', function(){
			play(current-options.step);
		});
		
		bt_right.bind('click', function(){
			play(current+options.step);
		});
		
		
		
		function play(index){
			index = index < 0 ? 0 : index;
			index = index > (l-options.step) ? (l-options.step) : index;
			ul.animate({'margin-left':(-options.scroll_x*index)+'px'}, 500);
			//按钮设置
			$(btn.find('a')[current]).removeClass('Active');
			$(btn.find('a')[index]).addClass('Active');
			current = index;
		}
	},
	
	
	
	vino_scroll_y		:	function(settings, flag, callback){
		var _this = this;
		var items = this.find('li');
		var ul = this.find('ul');
		var height = 18;
		var current = 0;
		var l = items.length;
		var step = 6;
		var max = l-7;
		max = max > 0 ? max : 0;
		
		this.find('.bt_up').bind('click', function(){
			play(current-step);
		});
		
		this.find('.bt_down').bind('click', function(){
			play(current+step);
		});
		
		
		function play(index){
			if(index == l)	index = 0;
			if(index < 0)	index = 0;
			if(index > max)		index = max;
			ul.animate({'margin-top':(-height*index)});
			current = index;
		}
		
		if(flag)	play(flag-3);
	}
});
})(jQuery)