jQuery countdown - Remove highlightLast5 color when time is reset

jQuery countdown - Remove highlightLast5 color when time is reset

Hi
I'm using the Countdown timer code I found here: keith-wood.name/countdown.html
Its quite comprehensive in its features however I've one little problem.
I've got a form which sets the time for the countdown and if the time is less than 5 minutes it turns red. However if the time runs out and is reset or is reset after its within the 5 minute mark the text stays red instead of going back to black. I tried adding a simple else statement to the highlightLast5 statement but this hasn't add any effect. Does anybody here have any suggestions?


highlightLast5 function:
  2. function highlightLast5(periods) {
  3.     if ($.countdown.periodsToSeconds(periods) <= 300) {
  4.         $(this).addClass('highlight')
  5.     } else {
  6.         $(this).removeClass('highlight')    
  7.     };
  8. };

Here is the code that creates the initial timer (there's a bit of Ajax before it that I haven't included)

  2.         success: function(examlength) {
  3.             if (countdownExists <= 0) {
  4.                 $('#pauseResume').countdown({
  5.                     until: examlength,
  6.                     onTick: highlightLast5,
  7.                     format: 'HMS'
  8.                 });

  10.                 countdownExists = countdownExists + 1;
  11.             } else {
  12.                 $('#pauseResume').countdown('destroy');
  13.                 $('#pauseResume').countdown({
  14.                     until: examlength,
  15.                     onTick: highlightLast5,
  16.                     format: 'HMS'
  17.                 });
  18.             }
  19.         }