how to repeat or reset a function in javascript?
<p>I have 5 thumbnails lined up together and 2 arrows that slide them up and down. 
Right now, you can click up twice and down twice-- and that's it, nothing moves. My goal is to be able to go back and click up and down multiple times.</p>

<p><a href="http://jsfiddle.net/acfS6/" rel="nofollow">http://jsfiddle.net/acfS6/</a></p>

<pre><code>$('#tmbDown').css ('opacity', '.6');

var timesClickedUp = 0;     

$('#tmbUp').bind('click', function (event) {

  $("#tmbHolder").animate({"marginTop": "-=100px"}, "slow");
  timesClickedUp++;

  if (timesClickedUp &gt;= 2) {
    $(this).unbind(event);
    $('#tmbDown').css ('opacity', '1');
    $('#tmbUp').css ('opacity', '.6');    

  }

});


var timesClickedDown = 0;

$('#tmbDown').bind('click', function (event) {

  $("#tmbHolder").animate({"marginTop": "+=100px"}, "slow")
  timesClickedDown++;

  if (timesClickedDown &gt;= 2) {
    $(this).unbind(event);    
    $('#tmbDown').css ('opacity', '.6');
    $('#tmbUp').css ('opacity', '1');
  }



});
​
</code></pre>
