title: Transition to another route when the top resource is accessed, but not when a nested route is accessed
body: <p>I have the following route defined:</p>
  
  <pre><code>SettingsApp.Router.map(function () {
      ....
      this.resource('profile', function () {
          this.route('user'),
          this.route('company')
      });
  
  });
  
  SettingsApp.ProfileRoute = Ember.Route.extend({
      redirect: function () {
          this.transitionTo('profile.user');
      },
      model: function () {
          return Ember.A([
              Ember.Object.create({title:"User", link:"#/profile/user"}),
              Ember.Object.create({title:"Company", link:"#/profile/company"})
          ]);
      }
  })
  </code></pre>
  
  <p><code>#/profile</code> redirects to <code>#/profile/user</code>, as expected, <em>but</em> the problem is that <code>#/profile/company</code> does <em>also</em> redirect to <code>#/profile/user</code>. It seems the resource redirect is followed whenever I access any url below that resource.</p>
  
  <p>Why is this? How can I redirect <em>only</em> the top level <code>#/profile</code>?</p>