If you search the javascript forum on this site, you will find multiple discussions on this topic. I'll summarize:
"It can't be done"
If someone wants to see your client side source code, and they are the least bit resourceful, it's theirs. You could spend alot of time trying to hide it, but there simply isn't an effective way.
That being said, the most creative, simple, and effective "trick" I've seen is putting about 50 line breaks at the top of your HTML and putting some message at the very top like "This source code has been hidden." I've even seen one that added the "and your IP address is being logged".
It sounds simplistic, but first off, when they open it, all the user sees is this blank page with the message, and MOST will just click it off, and forget about it. For the others who would scroll down, those are the folks that could and would find it anyway if you went to great lengths to hide it.
For completeness, I'll say that there is also a FAQ over in the javascript forum about hiding source.
<soapbox>
Really, the beautiful thing about the web is that it is open source, and so that creates an incredible learning environment for developers, and I would go so far as to say that some of that code you are trying to hide, you have probably borrowed from some other person who borrowed it from someone else.
</soapbox>
Anyway, there's my two cents worth.

Paul Prewett