jQuery(function() { var a = {}; a.singleton = (function() { return { a:{}, c:0, e:function() { a.singleton.a = jQuery('.s div ul li').clone(); a.singleton.c = jQuery('.s div ul li').length; if(a.singleton.c > 4) { jQuery('.s div ul li:last').after(jQuery('.s div ul li').clone()); jQuery('.s div ul').append(a.singleton.a); jQuery('.s div ul').css({'left':a.singleton.c*((jQuery('.s div ul li').width()+10)*-1)}); } jQuery('.container').delegate('.s > a', 'click', function() { if(!(a.singleton.c > 4)) return; if(jQuery('.s div ul').is(':animated')) { return; } if(jQuery(this).attr('class') != 'next') { jQuery('.s div ul').animate({left:(jQuery('.s div ul').css('left').slice(0, -2)*1+(jQuery('.s div ul li').width()+10))}, 1200, function() { if(jQuery(this).css('left').slice(0, -2) > -103) jQuery(this).css({'left':a.singleton.c*((jQuery('.s div ul li').width()+10)*-1)}) }); } else { jQuery('.s div ul').animate({left:(jQuery('.s div ul').css('left').slice(0, -2)*1-(jQuery('.s div ul li').width()+10))}, 1200, function() { if(jQuery(this).css('left').slice(0, -2) < (a.singleton.c*((jQuery('.s div ul li').width()+10)*-1)*2)+103) jQuery(this).css({'left':a.singleton.c*((jQuery('.s div ul li').width()+10)*-1)}) }); } }); jQuery('.container').delegate('.s div ul li', 'mouseenter', function() { jQuery(this).children('img').animate({opacity:.5}, 300); }) jQuery('.container').delegate('.s div ul li', 'mouseleave', function() { jQuery(this).children('img').animate({opacity:1}, 300); }) } } })(); a.singleton.e(); var e = {}; e.singleton = (function() { return { a:function() { auto = setInterval(function() { jQuery('.s div ul').animate({left:(jQuery('.s div ul').css('left').slice(0, -2)*1-(jQuery('.s div ul li').width()+10))}, 1200, function() { if(jQuery(this).css('left').slice(0, -2) < (a.singleton.c*((jQuery('.s div ul li').width()+10)*-1)*2)+103) jQuery(this).css({'left':a.singleton.c*((jQuery('.s div ul li').width()+10)*-1)}) }); //set time play }, 2000); jQuery('.container').delegate('.s', 'mouseenter', function() { clearInterval(auto); }); jQuery('.container').delegate('.s', 'mouseleave', function() { auto = setInterval(function() { jQuery('.s div ul').animate({left:(jQuery('.s div ul').css('left').slice(0, -2)*1-(jQuery('.s div ul li').width()+10))}, 1200, function() { if(jQuery(this).css('left').slice(0, -2) < (a.singleton.c*((jQuery('.s div ul li').width()+10)*-1)*2)+103) jQuery(this).css({'left':a.singleton.c*((jQuery('.s div ul li').width()+10)*-1)}) }); //set time play }, 2000); }); } } })(); e.singleton.a(); });