javascript - JS - モジュール式プログラミング

Question

キャンバス要素をマウスでクリックすると、四角形を表示するプログラムを書きたいと思います。特定のモジュールがありますが、どういうわけかそれらが接続されていないようです。JSFidlle に名前空間なしでコードを貼り付けました。

フィドル

モジュールの表示

(function(){
    display = (function(){
        var canvas = document.getElementById('canvas');
        var context = canvas.getContext('2d');
        return {            
            canvas: canvas,     
            context : context 
        }
    })();
})();

マネージャーモジュール

(function(){
    manager = (function(){
        var canvas = display.canvas;    
        var context = display.context ;
        var rect = function(){
            ctx.fillRect(10,10,20,20);
        }
        return {
            rect: rect
        }
    })();
})();

メインモジュール

(function(){
    canvas.addEventListener('mousedown', function(e) {
        manager.rect;
    }, 0);  
})();