javascript accessing member of a static class
<p>I have the following in the  section of my page:</p>

<pre><code>&lt;head&gt;
    &lt;link rel='stylesheet' href='style.css' /&gt;
    &lt;script language='javascript' src='scripts/jquery-1.7.1.min.js'&gt;&lt;/script&gt;
    &lt;script language='javascript' src='scripts/NumberMaze.js'&gt;&lt;/script&gt;
    &lt;script language='javascript' src='scripts/GameConfig.js'&gt;&lt;/script&gt;
    &lt;script language='javascript' src='scripts/UIManager.js'&gt;&lt;/script&gt;
    &lt;script&gt;
        $(document).ready(function() {
            var game = new NumberMaze();
        });
    &lt;/script&gt;
&lt;/head&gt;
</code></pre>

<p>GameConfig.js contains:</p>

<pre><code>(function(undefined) {
    NumberMaze.GameConfig           =   function() {
        return {
            minCanvasWidth          :   320,
            minCanvasHeight         :   240,
            maxCanvasWidth          :   640,
            maxCanvasHeight         :   480,
        };
    };
})();
</code></pre>

<p>NumberMaze.js contains:</p>

<pre><code>(function($, undefined) {
    NumberMaze          =   function() {
        console.log(NumberMaze.GameConfig.minCanvasWidth);
        console.log(NumberMaze.GameConfig);
    };
})(jQuery);
</code></pre>

<p>For the logs in NumberMaze.js I am getting the following output. How do I access the value of minCanvasWidth. Whats wrong with my code?</p>

<pre><code>undefined
function () {
        return {
            minCanvasWidth          :   320,
            minCanvasHeight         :   240,
            maxCanvasWidth          :   640,
            maxCanvasHeight         :   480,
        };
    }
</code></pre>
