Having unstable layout, swipe event issues with my first jQM web app. Need help.

Having unstable layout, swipe event issues with my first jQM web app. Need help.

Hello, 
This is my first jqm web app that is running here When the page loads, after few seconds, a introduction tour starts which has some steps. After you click done, if the page doesn't come up plz, click the above link again as I still need to fix the link on Done button. 

I have tried many things but I am not able to solve few issues with this app:

  • When the intro dialog appears on iphone 4 and android mobile devices, the dark background of the body doesn't fill up the whole page. I have attached two images for this issue. This works fine on my new ipad as the dialog appears at the very top of the screen and background is also filled up by dark colour.
  • The homescreen has a list view with items that links to other page. I am using panel on left and right hand sides which gets activated when a user swipes left or right respectively. The content of both the panes are again a list view and its items are links to another page. I don't have any issues with right panel. however, when I swipe left to right or just click on home icon to activate left panel, the panel opens but the whole layout gets distrub - the left panel as well as the background list view. I have tried all the ways - overlay, push, reveal and even the scalable is set to no. The layout gets unstable when the left panel opens and closes. 
  • The third most imp issue is the swipe itself! I have tried on iphone 4, htc desire, ipad but even though I am scrolling in top/down vertical direction very slowly, many times it just fires left/right swipe event! Is there any tweak or settings like delay or something that I can attach with the swipe event so that the panels doesnt open always but should feel like its responsive when users intended to swipe.
Please help me re the above issues. I will really appreciate your help.

Thanks
Sid