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


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