Hi, I've this little slider thing or whatever you want to call it, the thing is that it stops between every animation. I want it to keep going if you click more times. Basiclly making the ongoing animation continue. I was thinking about having some sort of timer that runs as long as the animation and if you click again during that time it will continue scrolling.

In c# I could modify running processes and I was thinking it could work here too.

http://jarilindqvist.se/mario/

The code for the animation is this currently:

1. $(document).ready(function(){
2. var int_Tmbs = $("#thumbnail-box").children().size();
3. var int_Counter = 2;
5. $("a").click(function(){
6. var str_LinkId = $(this).attr("id");
8. if(str_LinkId == "previous-btn"){
10. //PREVIOUS = (+) PLUS
12. if (int_Counter < int_Tmbs-1) {
13. int_Counter++;
14. $("#thumbnail-box").animate({"left": "-=280px"}, 1000);
15. }else{
16. edgeBounce("+");
17. }
19. }else if(str_LinkId == "next-btn"){
21. //NEXT = (-) MINUS
23. if (int_Counter > 2) {
24. int_Counter--;
25. $("#thumbnail-box").animate({"left": "+=280px"}, 1000);
26. }else{
27. edgeBounce("-");
28. }
30. }
31. });
32. });
33. function edgeBounce(bDirect){
34. switch (bDirect) {
35. case "+":
36. $("#thumbnail-box").animate({"left": "-=28px"}, 300);
37. $("#thumbnail-box").animate({"left": "+=28px"}, 300);
38. break;
39. case "-":
40. $("#thumbnail-box").animate({"left": "+=28px"}, 300);
41. $("#thumbnail-box").animate({"left": "-=28px"}, 300);
42. break;
43. }
44. }