// JavaScript Document
$(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;}
     } , 4000);
});
var MyTime = setInterval(function(){
   showImg(index)
   index++;
   if(index==len){index=0;}
} , 4000);
})
function showImg(i){
   $("#idSlider").stop(true,false).animate({top : -290*i},800);
   $("#idNum li")
    .eq(i).addClass("on")
    .siblings().removeClass("on");
}