// JavaScript Document
//Demo1:
$(function(){
     var len  = $("#idNum > li").length;
	 var index = 0;
	 $("#idNum li").mouseover(function(){
		index  =   $("#idNum li").index(this);
		showImg(index);
	});	
	 //滑入 停止动画，滑出开始动画.
	 $('#idTransformView').hover(function(){
			  if(MyTime){
				 clearInterval(MyTime);
			  }
	 },function(){
			  MyTime = setInterval(function(){
			    showImg(index)
				index++;
				if(index==len){index=0;}
			  } , 5000);
	 });
	 //自动开始
	 var MyTime = setInterval(function(){
		showImg(index)
		index++;
		if(index==len){index=0;}
	 } , 5000);
})
// Demo1 : 关键函数：通过控制top ，来显示不通的幻灯片
function showImg(i){
		$("#idSlider").stop(true,false).animate({top : -93*i},800);
		 $("#idNum li")
			.eq(i).addClass("on")
			.siblings().removeClass("on");
}


//Demo2:
$(function(){
     var len2  = $("#idNum2 > li").length;
	 var index2 = 0;
	 $("#idNum2 li").mouseover(function(){
		index2  =   $("#idNum2 li").index(this);
		showImg2(index2);
	});	
	 //滑入 停止动画，滑出开始动画.
	 $('#idTransformView2').hover(function(){
			  if(MyTime2){
				 clearInterval(MyTime2);
			  }
	 },function(){
			  MyTime2 = setInterval(function(){
			    showImg2(index2)
				index2++;
				if(index2==len2){index2=0;}
			  } , 5000);
	 });
	 //自动开始
	 var MyTime2 = setInterval(function(){
		showImg2(index2)
		index2++;
		if(index2==len2){index2=0;}
	 } , 5000);
})
// Demo2 : 关键函数：通过控制left ，来显示不通的幻灯片
function showImg2(i){
		$("#idSlider2").stop(true,false).animate({left : -278*i},800);
		 $("#idNum2 li")
			.eq(i).addClass("on")
			.siblings().removeClass("on");
}