Such a glowing tesimonial
Well, the core scripting for that is at http://www.brothercake.com/includes/docking_boxes.js
The way it works is that each of the boxes is enclosed in a container - a <cite> actually - but is otherwise juse normal HTML - no absolute positioning, which means it continues to be flexible to page size.
Then, when you click on a box header the script copies the HTML from that node and creates a new one, which is positioned exactly on top, while the original is made invisible - this makes it look like you've picked it up.
You can move it up and down - that's just a normal drag n drop which is fixed on the x-axis - then when you let go of it, it looks for the box position which is nearest to your mouse, then shows and moves the original node to that position, while destroying the copy.
The repositioning is done with an IE-proprietary method called insertAdjacentElement; there is a standard method for doing the same thing - so the script could be made to work in gecko/07/Safari browsers as well - but I haven't got that far yet.
Does that help any?