title: window.clearInterval is not working?
body: <p>I'm using JS to animate two images by having them toggle on and off. I have an initial image which, when the animation is turned on, appears on the screen and stays on. The second image, which has a higher z value, is then set to toggle on and off every 1 second in the same location as the first image, so it appears as if the two are alternating.</p>
  
  <p>I'm using window.setInterval to make the second image blink, but when I need to turn the animation off (and I'm removing both images from the screen), my window.clearInterval is not "working" The first image will be gone, but the second one keeps blinking on and off every second.</p>
  
  <p>Code:</p>
  
  <pre><code>function notebookNotification(setting)
  {
      $("#lightNotificationContainer").show();
      var notificationAnimation = window.setInterval('$("#darkNotificationContainer").toggle()', 1000);
      if(setting == 0)
      {
          window.clearInterval(notificationAnimation);
          $("#lightNotificationContainer").hide();
          $("#darkNotificationContainer").hide();
      }
  }
  </code></pre>
  
  <p>Anyone see why it isn't working?</p>