Animation when a link is clicked

[Wimpie]

I'm gonna try to explain my problem in english, hope you'll understand.
What I need is some animation made in Javascript, when I click on a link to go to an other page a blue page should show up starting at the top of the page and rolling out to the bottom. When it has reached the bottom it must roll up again and the new page should be loaded.
Is this possible with only html and javascript?
I suppose on de body unload I have to make a function to roll out the animation (probably a div) and on the body load a function to roll up the animation. But I'm not very good at javascript so can someone please help me getting started?

thx in advance...

EDIT: I already found this on the website: http://www.dynamicdrive.com/dynamicindex3/document5.htm
Looks good but I need it to start at the buttom in stead of in the middle...