Example of loading documents (pdf, .doc, etc) in embedded iframes

In our current application, we need to allow the user to view documents that are downloaded from a server. The most important of these are pdf and .doc documents. We are currently developing to deploy on iOS but will also need Android and Blackberry in the future. I know native applications can view these document types, but I have been having trouble making it work for web apps.

I have been reading up and it looks like the recommended way to do this is using an iframe embedded in the application. This almost works, but I can't get scrolling or zooming to work within the iframe for any of the link types. I have seen that many people on the forums are having this trouble, but I never found a working solution.

Is this possible? If not, what is the recommended way to handle document viewing in a web app?

If it is supported, can we work together to get a test/demo application up and running?

I have posted an app here to start: http://vrsource.github.com/vrs.ux.to...ewer_test.html

(feel free to fork it on github: https://github.com/vrsource/vrs.ux.touch)

If we can get a simple example working, I will keep it hosted on github so other people can learn from it and continue to extend the idea.

Thanks