title: Stuck on a simple object literal scope / referencing issue
body: <p>Here's a sample of my structure:</p>
  
  <pre><code>this.is.a.really.long.namespace = {
  
      inputs : {},
      buttons : {},
      panels : {},
  
      fn : {
  
          abc : function() {},
          def : function() {}
  
      } 
  
  };
  </code></pre>
  
  <p>Now, as you can see I'm storing my inputs, buttons, panels, and functions in their own respective object literals.  The issue lies within <code>fn.abc</code>, <code>fn.def</code>, or any other function inside of <code>page.fn</code>.  I want to be able to access my <code>inputs</code>, <code>buttons</code>, and <code>panels</code> from within the functions inside of <code>fn</code>.</p>
  
  <p>Obviously, I know I can type <code>this.is.a.really.long.namespace.inputs</code>, but as you can see, that's pretty long, and I don't want to have to type it out for every single instance where I need to reference an object within the page.</p>
  
  <p>Is there not a way I can directly reference <code>inputs</code>, <code>buttons</code>, and <code>panels</code> from within <code>fn</code>?</p>
  
  <p>I was thinking I could do:</p>
  
  <pre><code>fn : {
  
      that : this.is.a.really.long.namespace,
  
      abc : function() {},
      def : function() {}
  
  }
  </code></pre>
  
  <p>which would allow me to use <code>that.inputs</code> inside of <code>fn.abc</code>, but is there a concern with that method? Any sort of overhead I need to be aware of?  Or is there a better way to accomplish this?</p>