Converting Procedural JS Code to Object
First, I'm going to go through and do a little nitpicking.



In the procedural version, why is everything indented except for main?



When you are closing the object in the object version, the closing brace should be in the same column as the beginning line of the object.

So this:

var pageLoader = {

      ...

};                     &lt;---


Rather than this:

var pageLoader = {

      ...

    };                 &lt;---


Once you change this, you'll notice that the things inside the object are indented two indents, so I recommend knocking off one indent.



How much you are indenting is all messed up:


You are indented 8 spaces (2 indents) in the object.
You indented everything else 4 spaces (1 indent).
You indented the code inside functions 2 spaces (1/2 indent).


I recommend that you choose one and stick with it (I use 1 indent).



You don't need a return at the end of the function event listener (onclick); where is that false going to get returned to?



There is nothing inside your init functions... why are these here?



Other than that, your "translation" from procedural to object seems fine; all you basically did was stick the methods and variables in an object and add pageLoader. to the beginning of a few things.

I think that the code is good in an object because, as you said, it aids organization. However, since I don't know the full/rest of the code, I can't be sure if this is the best approach for your situation.