function rightClick() { j('#dr-right').unbind('click'); // j('#dr-slide').animate({queue:false, "margin-left" : "-=300px"},"fast", function(){ j('#dr-slide').animate({queue:false, "margin-left" : "-=300px"},350, function(){ //j(document).stopTime(); //j(document).everyTime(10000, function(){autoSlide();}, 0); //Remove first li and add to end var first = j('#dr-scroll li:first'); // var first = j('#dr-scroll li').first(); //j('#dr-scroll li:first').remove(); j('#dr-scroll').append(first); //j('#dr-scroll').append(j('#scroll li').first()); //j('#dr-scroll').append(j('#dr-scroll li').first()); j('#dr-slide').css("margin-left", parseInt(j('#dr-slide').css("margin-left")) + 300); j('#dr-right').bind('click', function(){ rightClick(); }); }); } function leftClick() { j('#dr-left').unbind('click'); //j('#dr-slide').animate({"margin-left" : "+=300px", queue: false},"fast", function(){ j('#dr-slide').animate({"margin-left" : "+=300px", queue: false},350, function(){ //j(document).stopTime(); //j(document).everyTime(10000, function(){autoSlide();}, 0); //Remove last li and add to front //Remove first li and add to end var last = j('#dr-scroll li:last'); //j('#dr-scroll li:last').remove(); j('#dr-scroll').prepend(last); j('#dr-slide').css("margin-left", parseInt(j('#dr-slide').css("margin-left")) - 300); j('#dr-left').bind('click', function(){ leftClick(); }); }); } function autoSlide(){ rightClick(); }