title: Closure compiler mixes variable names
body: <p>I have a problem where the Closure Compiler renames a global variable something like x.sa.xa but in all function where that global variable is referenced the compiler renames it something else like H.sa.xa</p>
  
  <p>When I view the HTML page I get a JavaScript TypeError: H.sa.xa is undefined.</p>
  
  <pre><code>// Top-level namespace for all the code
  var nam = nam || {};
  
  (function($, nam) {
  
   goog.provide('nam.jsConfig');
  
   nam.jsConfig.cookies = {"RECENT_ITEMS": "recentitems"};
  
  })($, nam);
  
  (function($, nam) {
   goog.provide('nam.util.cookie');
   nam.util.cookie.readMyCookie = function () {
    var ritems_cookie = nam.util.cookie.JSONCookie.get(nam.jsConfig.cookies['RECENT_ITEMS']);
   };
  })($, nam);
  
  
  Closure Compiled Code:
  x.sa = {};
  x.sa.xa = {RECENT_ITEMS:"recentitems"};
  
  H.a = {};
  H.a.cookie = {};
  H.a.Tm = function() {
    var a = H.a.cookie.ja.get(H.sa.xa.RECENT_ITEMS);
  };
  </code></pre>
  
  <p>For some reason the Closure Compiler is referencing <strong>H</strong>.sa.xa.RECENT_ITEMS instead of <strong>x</strong>.sa.xa.RECENT_ITEMS</p>
  
  <p>Any reason why the compiler is doing this this?</p>