$(function(){
	//上下滚动
	(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"),
	$ulbtns = $sliderContain.find(".btns > ul li"),
	$li = $ul.children(),
	size = $li.size(),
	index=1,
	indexLiNow =  $li.eq(0),
	
	$btns = $sliderContain.find(".btns li").mouseover(function(){
			
			if ( $ulbtns.index(this)+1 != index){
				
				if(timer){
					clearInterval(timer);
				}
				indexLiNow.stop();
				indexLiNow.css({"display":"none","z-index":0,'opacity':0});
				
				
				index=$(this).index();
				slider();
				timer = setInterval(slider, 2000);
			}
	}),
	slider=function(){
		if(index== size){
			index=0;
		}
		
		var $tmpLi = $li.eq(index).css({"display":"block","z-index":1,opacity:0});
		indexLiNow.css({"display":"none","z-index":0,'opacity':0});
		indexLiNow =  $tmpLi;
		
		indexLiNow.animate({opacity:1},800,function(){
		    $indexLi=indexLiNow;
			$indexLi.css({"z-index":1});
			
		});
		
		
		/*$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);
})();
});