In jQuery mobile, is it possible when a user opens a new page (lets say example.html), to 

* fade in a dialog box (with example.html in the background)
* after 3 seconds the dialog box fades out and
* example.html is now visible

I've setup the dialog but not sure what to do to fade in/fade out the dialog box.

```
<div data-role="page">
// page
</div>

<div data-role="dialog">
  // dialog box fades in, 3 seconds later, fade out
</div>

```