Nested functions to create hierarchical structure
<p>I am trying to create hierarchical result with callbacks.</p>

<p>This is my function structure:</p>

<pre><code>el('root', function(){

  el('users', function(){
    el('show');
  });

  el('products');

});
</code></pre>

<p>The result I want is:</p>

<pre><code>assert.equal(result, [ 'root', 'root_users', 'root_users_show', 'root_products' ] );
</code></pre>

<p>I got pretty far in my implementation: <a href="http://jsfiddle.net/5ur5u/" rel="nofollow">http://jsfiddle.net/5ur5u/</a> The problem I have is that I am increasing my depth each time el is called. It works fine until it reaches products. Because show puts depth on 3 it means that products will be added at the end of show.</p>

<p>So if anybody can give me a hand or point me into the right direction that would be great. </p>
