title: jQuery TimeCircles event listeners scope
body: <p>I'm testing out the jquery timer <strong>"TimeCircles"</strong> from <a href="https://github.com/wimbarelds/TimeCircles" rel="nofollow">here</a> and I've been able to produce a minute / second timer for <em>30 min</em> with an alert warning at <em>25 min</em>, I'm trying to add a threshold event at <em>20 min</em> that would change the colours of the circles.</p>
  
  <p>I'm not entirely sure how to access the <code>TimeCircles()</code> properties after it's been instantiated.  We instantiate like so:</p>
  
  <pre><code>$('#idle_timer').attr('data-timer',1800);
  $('#idle_timer').TimeCircles({ time: { 
      Days: { show:false }, 
      Hours: { show:false }, 
      Minutes: { color: '#4D8DC1' }, 
      Seconds: { color: '#4D8DC1' } } })
    .addListener(
      function(unit,value,total) { 
          if (total == 1200) {  
  
              // CHANGE COLOUR OF TimeCircles HERE
  
          } else if (total == 1500) { 
              alert('Your session will expire in 5 minutes, you should save your work and / or reload the page.'); 
          } 
      } 
    );
  </code></pre>
  
  <p>In the test for <code>"total == 1200"</code>, how could I access the minutes / seconds colour attributes so for instance both could be changed to red? <code>$(this)</code> doesn't seem to be available?</p>