bnail li:eq(0)').html(); var galleryLength = $('#simpleSkin06_9 .thumbnail li').length; var numChk = 0; var mouseOverIndex; $('#simpleSkin06_9 .imageBig').html(thumbnailContent); $('#simpleSkin06_9 .thumbnail li:eq(0) a').addClass('on'); $('#simpleSkin06_9 .thumbnail li a').bind('mouseenter focus',function(){ thumbnailContent = $(this).parent('li').html(); $('#simpleSkin06_9 .imageBig').html(thumbnailContent); $('#simpleSkin06_9 .thumbnail li a').removeClass('on'); $(this).addClass('on'); clearInterval(timer); }) $('#simpleSkin06_9 .thumbnail li a').bind('mouseleave focusout',function(){ mouseOverIndex = $(this).parent('li').index() numChk = mouseOverIndex; if(numChk < galleryLength - 1){ numChk++; }else{ numChk = 0; } timer = setInterval(autoRolling,3000); }) $('#simpleSkin06_9 .imageBig').bind('mouseenter focus',function(){ clearInterval(timer); }) $('#simpleSkin06_9 .imageBig').bind('mouseleave focusout',function(){ timer = setInterval(autoRolling,3000); }) function autoRolling(){ thumbnailContent = $('#simpleSkin06_9 .thumbnail li:eq(' + numChk + ')').html(); $('#simpleSkin06_9 .imageBig').html(thumbnailContent); $('#simpleSkin06_9 .thumbnail li a').removeClass('on'); $('#simpleSkin06_9 .thumbnail li:eq(' + numChk + ') a').addClass('on'); if(numChk < galleryLength - 1){ numChk++; }else{ numChk = 0; } }; var timer = setInterval(autoRolling,3000); })(jQuery)