$(window).load(function() { var slide_collection = $('#glider #display .slide'); slide_collection.width(slide_collection.width()); for (i=0;i<=slide_collection.size()-1;i++){ slide_collection.eq(i).css('left',slide_collection.width()*i); } $('#glider #next').click(function(e){next();}); $('#glider #prev').click(function(e){prev();}); var slide = setInterval(function(e) {next();}, 3000); $('#glider').mouseenter(function(){clearInterval(slide);}); $('#glider').mouseleave(function(){slide = setInterval(function(e) {next();}, 3000);}); function next(){ if (slide_collection.eq(slide_collection.size()-1).position().left==0){ for (i=0;i<=slide_collection.size()-1;i++){ slide_collection.eq(i).finish().animate({left: slide_collection.width()*i},200); } return false; } for (i=0;i<=slide_collection.size()-1;i++){ slide_collection.eq(i).finish().animate({left: slide_collection.eq(i).position().left - slide_collection.width()},200); } } function prev(){ if (slide_collection.eq(0).position().left==0){ for (i=0;i<=slide_collection.size()-1;i++){ slide_collection.eq(i).finish().animate({left: -(slide_collection.width()*slide_collection.size())+(slide_collection.width()*(i+1))}, 200); } return false; } for (i=0;i<=slide_collection.size()-1;i++){ slide_collection.eq(i).finish().animate({left: slide_collection.eq(i).position().left + slide_collection.width()},200); } } $('.perevozim,.sl').click(function(){ $('.sl').toggleClass('visible'); }); $('body').click(function(){ $('.sl').removeClass('visible'); }); $('.sl,.sl>*,.perevozim').click(function(e){e.stopPropagation();}); });