jquery-ui - 同时可拖动、可放置和可排序

Question

这里我有一些例子： http: //jsfiddle.net/mfkDz/我想知道如何制作它：

#thing > draggable, resizable, sortable on #row ?
#div1 > droppable for #photo ?
#row > droppable and sortable horizontally for #thing 
#photo > draggable to #div1 but also when drag there to change css like #thing

和jQuery UI代码：

$('#thing').draggable();
$('#thing').resizable();
$('#thing').sortable();

$('#row').droppable ({
    accept:('#thing');
    //how to make it sortable horizontally?
});

$('#photo').draggable();
$('#div1').droppable({
    accept:('#photo');
    //how to make it sortable vertically?
    //how to make when accept #photo to change ID to #thing and make it sortable there
}