html+js+results

<!DOCTYPE html>
<head>
</head>

<body>

<div id="loader">loading...</div>

<script>
    Loader = (function() {
        var public = {};

        var loader = document.getElementById("loader");

        public.ShowLoader = function() {
            loader.style.display = "block";
        }

        public.HideLoader = function() {
            loader.style.display = "none";
        }

        return public
    })();

    window.onload = function() {
        Loader.loader; //ReferenceError: Loader.loader is not defined
        Loader.ShowLoader(); //OK
        Loader.HideLoader(); //OK
        loader; //ReferenceError: loader is not defined
        ShowLoader(); //ReferenceError: ShowLoader is not defined
        HideLoader(); //ReferenceError: HideLoader is not defined
        Loader; //Object {ShowLoader: function, HideLoader: function}
    }
</script>
</body>