Implementing a drag and drop / accessible list in jQuery

I need to make this layout editor that uses a good bit of jQuery while allowing elements to be tailored to their resume. I presented a dialog with a graphical representation of sections, like:

[Details - locked -- immovable]
[Overview -- immovable, but can be hidden or shown again]
----imaginary line where things can not be moved above this---
[Career History -- movable]
[Key Skills -- movable + can be hidden or shown again]
[Education & Qualifications -- movable]
[Personal Interests -- movable + can be hidden or shown again]
---imaginary line where things cannot be moved below this--
[References -- immovable]

      

        
        
        
      

    

When items move, they will have to slide into their nearest slot.

You wouldn't recognize an example on the internet that even remotely resembles this, would you?