title: how to deal with custom events in ember.js component?
body: <p>I'm new to Ember.js and I've got some problems to understand its philosophy. I know <em>actions up, data down</em> but in real life, lets say I have <a href="http://fotorama.io/" rel="nofollow noreferrer">Fotorama</a> initialized in my-gallery component (I don't know if that is ok, but I did it in       <code>didInsertElement</code> method). This library has its own events. They could look like this in plain JS:</p>
  
  <pre><code>$('.fotorama').on('fotorama:ready', function (e, fotorama) {});
  </code></pre>
  
  <p>or:</p>
  
  <pre><code>$('.fotorama').on('fotorama:show', function () {});
  </code></pre>
  
  <p>but I feel in Ember, those should be somehow mapped into actions in component.
  My question is: how? I need to fire some actions (to be catched by another components or maybe a router) inside those actions. So I think it should be like this: <code>this.sendAction('actionName', actionParams);</code></p>