website external loader fade out on click

[osura]

I have a website that has 5 pages. When I click a button to load the next page I would like the current page to fade away with an smooth animation (instead of just dropping to black and loading next page).

I have the next page animating with a nice face in, but I would like the current page to animate out nicely.

Can some one kindly point me to a tut or reference.