What is the best way to organise your JavaScript?
<p>Currently now I'm organising my JavaScript functions as follows:</p>

<pre><code>var websiteName = {
    options: {
        optionOne: "Boom!",
        optionTwo: "Hello World!"
    },
    init: function () {
        websiteName.homepageOnlyFunction();
        websiteName.anotherFunction();
    },
    homepageOnlyFunction: function() {
        // A function only used on the homepage
    },    
    anotherFunction: function() {
        /*
        A function that is used
        throughout the site.
        */
    }
}
$(document).ready(function() {
    websiteName.init();
});
</code></pre>

<p>I would like some insight on what the best practice is for organising javascript.</p>
