title: Firing and capturing custom events
body: <p>Imagine this scenario (it's really just a scenario):</p>
  
  <ul>
  <li>I have a global counter that gets incremented on every mouse click.  </li>
  <li>when I reach 50 clicks, I want to fire a custom event named 'reachedCount'  </li>
  <li>I want to register my window object to capture that event with something like<br>
     <code>window.addEventListener('reachedCount', function(args){alert(args.count);}, false)</code></li>
  </ul>
  
  <p>So, my problems are that I don't know, and can't find anywhere how I can pass arguments to my eventHandler. Also, I had tried the method Rikudo posted, but it doesn't work in IE lt 9.</p>
  
  <p>Is this possible? How?</p>