Dragable Page Navigation Help

Dragable Page Navigation Help

 Hello

   Ive been googling and http://www.b-hind.eu/jquery/ appears to be the closest thing that I can find to what I am looking for.

Currently my list looks like this:           

   
  1. <ul parent_id=0>
        <li page_id=1>Page One</li>
        <li page_id=2>Page 2
            <ul parent_id=2>


  2. <li page_id=3>Page 2.1</li>
  3. </ul>
  4. </li>
  5. </ul>
I'll assume you get the basic structure.....

The first thing I would like to do is be able to drag a new <li> from the side that represents a "new page" to the list with out allowing the other list items to be drag-able. I then would like it to return the parent_id of the <ul> this new page is located, and also the order that it is located within the <ul>.

The second thing I would like to do is have only the <li> that has the current page_id to be dragable, and have that return the same values from above.

The last thing I would like to do is have all of the <li>'s drag-able  and in the end get the same values from above for all the pages.


Any thoughts or Ideas? This isn't my area of expertise so any input or links are welcome!