A whole website with slide effect

See more:

Javascript

jQuery

jQuery-UI

I'll try to explain myself the best way:

I am trying to achieve that "effect" on my site, with no luck:
http://manos.malihu.gr/tuts/animate-page-to-id/plugin/demo-auto-layout.html[^]

I am trying to modify it a bit. (it's a plug-in)
Every section(page)should be 100% on the window, so if a use zoom-out from the page he won't see the other pages, over-flow: hidden; of course.

It will be used along with navigation panel that will be position: fixed;

The main idea is a simple site with navigation panel every page direct to the appropriate id section.
If it's possible, when user is now in section 1 and click on section 7 he will be direct to section 7 but with some kind of effect that will cause the middle sections to be blur or something.

I don't understand how to accomplish that, the whole body width,height should be
100% * number_of_"pages"? positioning? I really tried to accomplish that, and spent many hour on it but with no result.

I will be happy to explain myself even better if needed.

I appreciate any help, and i think that an example will be most helpful here.