(function (){
	var timer=null,
	$slidercontain = $("#slider0"),
	$ul = $slidercontain.find(".pics > ul"),
	$li = $ul.children(),
	size = $li.size(),
	height = $li.eq(0).height(),
	lastlih = height*size,
	index=1,
	$btns = $slidercontain.find(".btns li").mouseover(function(){
		if(timer){
			clearinterval(timer);
		}
		index=$(this).index();
		slider();
		timer = setinterval(slider, 5000);
	}),
	slider = function(){
		if(index === size){
			var t = $li.eq(0).css({position:"relative",top:lastlih}),
			callback = function(){
				t.css({top:0});
				$ul.css({top:0});
			},
			mytop = -index*height,
			eq = index = 0;
		}else{
			var mytop = -index*height,
			callback='',
			eq = index;
		};
		$btns.removeclass("on").eq(eq).addclass('on');
		$ul.stop().animate({top:mytop},800,callback);
		index++
	};
	timer = setinterval(slider, 5000);
})();
(function(){
	var timer=null,
	$slidercontain = $("#slider1"),
	$ul = $slidercontain.find(".pics > ul"),
	$li = $ul.children(),
	size = $li.size(),
	height = $li.eq(0).width(),
	lastlih = height*size,
	index=1,
	$btns = $slidercontain.find(".btns li").mouseover(function(){
		if(timer){
			clearinterval(timer);
		}
		index=$(this).index();
		slider();
		timer = setinterval(slider, 5000);
	}),
	slider = function(){
		if(index === size){
			var t = $li.eq(0).css({position:"relative",left:lastlih}),
			callback = function(){
				t.css({left:0});
				$ul.css({left:0});
			},
			mytop = -index*height,
			eq = index = 0;
		}else{
			var mytop = -index*height,
			callback='',
			eq = index;
		}
		$btns.removeclass("on").eq(eq).addclass('on');
		$ul.stop().animate({left:mytop},800,callback);
		index++
	};
	$ul.width(lastlih);
	timer = setinterval(slider, 5000);
})();

(function(){
	var timer=null,
	$slidercontain = $("#slider2"),
	$ul = $slidercontain.find(".pics > ul"),
	$li = $ul.children(),
	size = $li.size(),
	index=1,
	$btns = $slidercontain.find(".btns li").mouseover(function(){
		if(timer){
			clearinterval(timer);
		}
		index=$(this).index();
		slider();
		timer = setinterval(slider, 5000);
	}),
	slider=function(){
		if(index===size){
			index=0;
		}
		var $tmpli = $li.eq(index).css({"display":"block","z-index":0,opacity:0}).animate({opacity:1},800);
		$indexli.animate({opacity:0},800,function(){
			$indexli.css({"display":"none","z-index":0});
			$indexli=$tmpli.css({"z-index":1});
		});
		$btns.removeclass("on").eq(index).addclass('on');
		index++;
	};
	var $indexli = $li.eq(0);
	timer = setinterval(slider,5000);
})();