help with scroll to top, then goto link

[Chad Meyers]

I want to click a link in the menu, have the page scroll back to the top, THEN go to the new page (load link)

I already did this for the "blog menu" on this site  (http://www.idoweddingsaway.ca/blog20121005.php scroll down/to the bottom then click a link on the left side), but it is more "complicated" because a bunch of effects run.  On a new site I am working on, it will be simple, just scroll to top, then set the href/URL

I have never had success chaining events, maybe some one could take a stab at it for me.

here is a fiddle (I didn't even get close to working, but the very basic html and css are there)

http://jsfiddle.net/Gz3Pk/1/

All I want is to scroll and onComplete load then new page

[Chad Meyers]

I think I have it, it works, but is there a better way to do this? http://jsfiddle.net/Gz3Pk/2/