I am trying to make a floating "drag-able" navigation box that will seem not to reload between pages. I hope this make sense

The navigation is in a floating box that can be dragged as well as collapsed. And when you go from page to page the box will remain in the same location and in the same state (open or collapsed) ultimately creating the illusion that the nav box doesn't reload. Can this be done with JS? If so is the way to maintain the location with cookies or is there another way?

An example can be found at http://www.lineto.com/