$(function(){
	index=0;
	function slideSwitch(i,numId,slideId) {
		$(slideId+" div").fadeOut("slow").eq(i).fadeIn("slow");
		$(numId+" p").eq(i).addClass("ps").siblings().removeClass("ps");
	}
	function ss(index,numId,slideId){
		
		//初始化图片上面显示的数字
		var num = $(slideId+"  div").length
		var str = "";
		for (var i=1; i<=num; i++){
			str += "<p>"+i+"</p>";
		}
		$(numId).html(str);
		
		//为每个图片数字添加效果
		$(numId+" p").mouseover(function(){
			index = $(numId+" p").index(this);
			slideSwitch(index,numId,slideId);
		});
		
		//自动开始
		var time = setInterval(function(){
			slideSwitch(index,numId,slideId);
			index++;
			if(index ==num)index=0;
		},3000);
		
		//鼠标移入，停止动画，移出开始
		$(".box").hover(function(){
			if(time) clearInterval(time);
			},function(){
				time = setInterval(function(){
					
					index++;
					if(index ==num)index=0;slideSwitch(index,numId,slideId);
				},3000);
		});
	}
	ss(0,"#showNum1","#showtp");


});