only just starting to learn - problem with fixing position after slide down

only just starting to learn - problem with fixing position after slide down


Hi :)
I'm only just starting to look at JQuery and JS - so this might or
might not be a tricky one to solve... for me it's very confusing....
I would like to implement the following:
1 - working
a footer is to line up with the header of my page (the graphics line
up for the footer to cover part of the logo), on link click (or
automatically timed) the footer is to slide down revealing the page
content
2 - problem!!!
the footer is then to align with the bottom of the window (hiding its
content) - and be set as position fixed allowing any page content to
scroll behind it.
I've set up a page with my tests etc...
http://dev.eyedea.eu/jquery/pages/slidepanel.html
I'd appreciate it if anyone could help me and point me n the right
direction :)
Thanks :)