UI Drag and Drop - Help with Code

UI Drag and Drop - Help with Code


Hi guys
I am doing a little webapp for a security company. They need a quick
system so they can visualize, manage, and check all their security
cameras.
I thought about jQuery UI, and well, I've done a little sample so you
know what I want to do
http://rapidshare.com/files/121938745/webcam_jquery.zip.html
You can see it online here (in case you don't want to download):
http://www.beza.com.ar/azcona/
I need to:
1. Allow divdrop to accept more than 1 camera to be droped on it
2. Option to drag more than 1 camera into divdrop, and visualize all
the dropped cameras toghether at the same time
4. Some idea to restore or delete the dropped cameras and send them
back to the camera list at left
3. Avoid bandwith hogging when calling index.php the first time
I mean: I've added (as sample) the #cam1 div which will show when #c1
is dropped into #divdrop. This div and its content will load with the
page, although they won't display at start.
How could I mod this and make the image code to load (through Ajax or
something else) when the camera is dropped into #divdrop?
Hope you've understood my idea, and hope any1 can help me with this
stuff... I'm a jQuery and jQuery UI noob
Thanks a lot in advance.
Henry