//Name : yMarquee
//Description : 竖向轮显，需为UL元素，一个LI元素为一个轮转区间
//Auther : Joson
//Param : op JSON 初始化参数 height 一个LI元素的高度   size 一次轮显个数   pagesize 一页可显示的个数  speed 轮换间隔时间   effectSpeed 轮换效果持续时间 

//实例 ： <ul id='rotation'>
//			<li style="height:30px;">ok</li>
//			<li style="height:30px;"><div><img src="" />ok</div></li>
//		</ul>
//		<script>
//		$('#rotation').yMarquee({height:30,size:1,pagesize:1});
//		<\/script>
//

(function($){
	
	$.fn.yMarquee = function(op){
		var el = $(this);
		if(el.get(0).tagName != 'UL') return false;
		el.fadeIn();
		if(typeof op == 'undefined') op = {};	
	
		var elHeight = op.height || 139;
		var size = op.size || 2;
		var pagesize = op.pagesize || 2;
		var speed = op.speed || 5000;
		var effectSpeed = op.effectSpeed || 1400;
		
		
		var pageHeight = elHeight * pagesize;
		
		var els = el.find('li');
		els.css('position','relative');
		
		el.css('padding',0)
		.css('list-style','none')
		.css('margin',0)
		.css('height',pageHeight)
		.css('position','relative')
		.css('overflow','hidden');
		
		
		var start = function(){
			if(els.size() > pagesize){
				for(var i=0;i<size;i++){
					var moveEl = $(el.find('li').get(i)).clone();
					moveEl.appendTo(el);
				}
				els = el.find('li');
				setTimeout(function(){
					effect();
				},speed);
			}	
		}
		
		var effect = function(){
			var ai = 0;
			els.animate({top:-elHeight*size},effectSpeed,'',function(){
				if(ai == els.size()-1){
					for(var i=0;i<size;i++){
						var moveEl = $(el.find('li').get(0));
						moveEl.remove();
					}
					els.css('top',0);
					start();
				}
				ai++;
			});
		};
		
		start();
	}
	
})(jQuery);