//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;}
			  } , 2000);
	 });

	 var MyTime = setInterval(function(){
		showImg(index)
		index++;
		if(index==len){index=0;}
	 } , 2000);
})
function showImg(i){
		$("#idSlider").stop(true,false).animate({top : -232*i},300);
		 $("#idNum li")
			.eq(i).addClass("on")
			.siblings().removeClass("on");
}