Droppables.add("cart", {
                greedy:false,
                accept:['box','photo'],
                onHover:function(element){
                        $('cart').addClassName('cart-active');
                },
                onDrop:function(element){
                        var id = element.id.replace(/[^\d]/g,'');
                        var contents = '<p class="remove"><img src="icns/delete_gray.png"
class="remove" width="16" height="16" alt="[x]" /></p>' +
element.innerHTML + '<p class="details"><img src="icns/gear.png"
class="details" width="16" height="16" alt="(i)" /></p>';
                        var d =  new Element('div',{'class':'clone'}).update(contents);
                        $('timeline').insert(d);
                        new Ajax.Request('/widgets/create',{onComplete:function(transport){
                                d.id = 'clone_' + transport.responseText;
                        }});
                        $('cart').removeClassName('cart-active');
                        Sortable.create('timeline',
{tag:'div',overlap:'horizontal',constraint:false,
scroll:window,dropOnEmpty:true, onUpdate:function(elm){$
('cart').removeClassName('cart-active');}});
                }
        })