Javascript Problem within mobile website

Solve javascript/jquerymobile problems Intro We are working on a little and simple content webpage for mobile. We use HTML/javascript/jquerymobile as basic technic. Because we are novices in this kind of things, we have a few beginners problems/errors/difficulties. The solving of them is the task of this proposal. We guess all the problems result out of our incorrect use of javascirpt/jquerymobile. In principle the site consits out of a navigation and single content files (HTML). We build a sample (attached to this proposal, starting with the [login to view URL]) which is based on our work. The solving of the problems can/should be done within this sample, so we can copy the solutions to our original data. The sample also reflects/shows all the problems described below. The solutions have to be done with javascript and/or jquerymobile!!! List of the problems/difficulties (with aditional comments): 1. Within the single HTML-files there is a javascirpt which resizes automaticly the images. - When the files are opened the „normal“ way (thru the navigation) the script doesn´t work. - When the files are opened directly with a browser, the script works. - When the files are opened thru the „next“-Button, the script works. - It seams, that the scirpt is not triggered correctly. >>>IMPORTENT<<<< The provided solution needs to work offline!!! without any help/contact to a webserver!! 2. At the top of each page there is a navbar, followed by a header. We want a space between the navbar and header (dynamic or fixed hight need to be discussed) where ads are shown. The ads come thru a javascript. A sample javascript ad is in the bottom of each html-file. 3. Edit hight of the navbar and header The hight of the navbar and the header need to be sized down to minimum but reasonable hight, in fact just a few pixel less then the standard version. Last note: The solutions have to work on actual devices and I want prove of it. If its on an android and/or an iphone is equal to me!!!!