title: facebook app all integrated in one page (no reloading)
body: <p>I am currently developing UI for a facebook app. Basically, the game is shown on the canvas page and it has navigation in a tab form.</p>
  
  <p>What I need is that when a user clicks "friends" to invite people, the page will show over the game(the game is still in background, and running as it should be). So the page must not reload. To do this I placed the url of the friends requests in the <code>src</code> of an <code>&lt;iframe&gt;</code> and using jquery to hide/show the <code>divs</code> but the problem is the <code>&lt;iframe&gt;</code> will also contain the header, footer and all like facebook.com, but I just want the content because the user is already on facebook. Is there a better approach than what I'm doing? How would I accomplish this?</p>
  
  <p>A good visual example is the navigation of "City of Wonders" facebook app.</p>