I am having trouble making the images inside the slider loop around. I want track to loop around from either sides after they are hidden; right now all it does is go in both directions with out looping back around. here is the the jsfiddle for what I have now if someone can edit it. http://jsfiddle.net/V2x6s/3/

Here's Javascript

setInterval(function() { var left1 = parseInt($('#track1').css('left')), left2 = parseInt($('#track2').css('left')), left3 = parseInt($('#track3').css('left')); if ($('#left1').is(":hover")) { $('#track1').css('left', left1+2); } else if ($('#left2').is(":hover")) { $('#track2').css('left', left2+2); } else if ($('#left3').is(":hover")) { $('#track3').css('left', left3+2); } else if ($('#right1').is(":hover")) { $('#track1').css('left', left1-2); } else if ($('#right2').is(":hover")) { $('#track2').css('left', left2-2); } else if ($('#right3').is(":hover")) { $('#track3').css('left', left3-2); } }, 10);

I can give the html and css if you like also.

Thanks.