Background:

I have begun work on a new c5 site whereby each user has their own image gallery. Within the gallery view, every image has the same class which has allowed me to make each image draggable and resizable using jquery ui. The images are made draggable and resizable when the user clicks the respective "enable" and "disable" buttons on their settings panel.

So far this is working great however I need to take it further....

Upon the "disable" / save button being clicked, I need to store the coordinates of each image per each user gallery so that they are loaded in the same position that they were last saved.
This is complicated by the fact that the user uploads the images and creates the gallery pages in the process. The only constant being the class of the images.

Is anyone able to accomplish this? And if so, can you provide a quote?

Thanks,
Wayne