Javascript Basket

Create web page whereby images are dragged & dropped to basket using Javascript. This is something that I have been working on as part of a larger upcoming project. It is currently half working - see attached images. Spec for Javascript Basket 1. Using .draggable - Drag and drop items into the basket (as duplicates). 2. When items are dropped in the basket they need to "snap to grid" - 4 sections in basket. 3. When dragging the item to the basket if should always be on top then when it's dropped in the basket it should appear behind the front part. 4. If items are dropped elsewhere they go back to the left. 5. Items in the basket can be dragged out and dropped somewhere else. If so, they disappear with an X, or go to the left. 6. Items can be added multiple times to the basket 7. When the basket is full (4 items) no more items can be added to the basket 8. An array of items in the basket needs to be maintained & passed to the next page Attached 2 images show current level of development by me. Also image of some sample code - not working 100%.