jQuery.fn.imageScroller = function(params){
		var p = params || {
			obj:"#spot",
			child:"li",
			auto:true
		}; 
		var _obj   = p.obj;
		var _child = p.child;
		var _auto  = p.auto;
		var _auto  = p.auto;
		var _itv;
		
		var scrollImg = function() {
			if(_auto) autoStop();
			//TODO go with my animate
			var _next = 0;
			var _curr = 0;
			_curr = $(_obj + " " + _child + ".on").index();
			_next = (_curr+1)%4;
			
			
			//首页artpic动画效果：切换透明度
			
			$(_obj).animate({opacity:0.0},500 , function() {
				$(_obj + " " + _child + ":eq(" + _curr + ")").removeClass("on");
				$(_obj + " " + _child + ":eq(" + _next + ")").addClass("on");
				$(_obj)[0].className = "img" + (_next+1);	
			});
			
			$(_obj).animate({opacity:1.0},500);
			
			if(_auto) autoPlay();
		}
		var autoPlay = function(delay){
			if (!delay) delay = 0;
			_itv = window.setInterval(scrollImg, delay || 5000);
		};
		var autoStop = function(){
			window.clearInterval(_itv);
		};
		if(_auto)	autoPlay();
		

		synclock = false;
		$(_obj + " " + _child).each(function(idx, e) {
			$(e).css("cursor", "hand").bind("click", function(){
				if(synclock) return false;
				synclock = !synclock;
				autoStop();
				$(this).bind("mouseout", function(){if(_auto) autoPlay(5000); $(this).unbind("mouseout");synclock = !synclock;});
				
				if(_auto) autoStop();				
				$(_obj).animate({opacity:0.0},500 , function() {
					$(_obj + " " + _child + ".on").removeClass("on");
					$(e).addClass("on").addClass("on");
					$(_obj)[0].className = "img" + ($(e).index()+1);
				});
				
				$(_obj).animate({opacity:1.0},500);
				

			});
		})
	};