Making a drag/drop "gallery" with savable "cart"

Making a drag/drop "gallery" with savable "cart"

Hi guys,

This is what I want to achieve, but can't/don't know how to...

A page with drag/droppable images. When an image is dragged to a "cart" (a div), the script gets the value of that image (say $30) and saves it to that particular uses "cart".

When they refresh, the image remains in the cart. Images need to be able to be removed.

Also, the values are added together in the "cart" to give a total. When if this total exceeds a predefined limit within the script, no more images can be added and the gallery items "grey" out (maybe).

Can anyone help me in creating this? Or at least pointing me in the correct direction? I began using this - http://www.bryantan.info/jquery/drag-and-drop-shopping-cart-using-jquery-jquery-ui-and-php/7

But the tutorial doesn't include a php file or the ability to save items to database per user.

Thanks guys, RJP100