Double Swipe and menu

Double Swipe and menu

Hello the community, i actually developed a mobile website with JQM and i had almost finish but i have a persistent problem. 

I need a interface like that. 

i try different way to do this, (I hope my drawing is explicit, if you have any question don't hesitate, ask me ! ahah), in add i want keep the same footer and header.

The best result that i arrived, is the both scroll works but the external scroll from the iphone is disable (Impossibility to see the head bar of safari).

If you have some tip or clue, i'm really enjoyed , and if i succeed this i think it's a good feature for JQM. (Why not a little tutorial). I continue to search by my side. THX ! 

I restart a script, i have this. Now i need to implement a swipe who follow the finger/Mouse in my navbar (and now I need my navigation above the screen as my drawing the )

Look this demo on jsfiddle  http://jsfiddle.net/A7P5u/1/