This is what image_overlay should look like. JS tabs. See attachments.
So, it would appear that I can simply set the position to relative before I mess up the layout, and everything seems to work.
This is disturbing.
So, I now have the dialog for picking colors and the tabs working. But I want the image to be visible on the page, so I removed the absolute positioning, which means when the image moves (by changing the height of a tab, for instance), the shapes don't, anymore. The position:absolute is coded in the jQuery UI for Draggables, which is understandable, but ever so annoying. The only thing I can think of to do is go through each shape and change the position on a callback whenever the tabs change, but that could get to be a REAL drag on performance with a lot of shapes.
Ideas?
I now have the Farbtastic color picker integrated with Image Overlay. (Not updated on this site yet). Also, the color picker now launchs into a dialog to move around the sceen, and everything else is contained in tabs.
By tonight I will have fought with CVS and uploaded what I have to Drupal.org (I hope).
I spent the weekend in bed with a fever. As a result, almost nothing got done on Image Overlay. I started working on it again today, only to discover that the most recent release of JQuery UI doesn't work correctly when using both of the core functions I need. The fix will be released in a few days. So I pulled the latest files from SVN, which seems to break the ui.instance object used in the stop callback. Good thing I'd been doing all that work myself anyway.