Sorry, my code got cut off there:
// insert code to be run when the composition is fully loaded here
var dragForms = ['Drag1', 'Drag2', 'Drag3', 'Drag4', 'Drag5'];
var dropForms = ['Drop1', 'Drop2', 'Drop3', 'Drop4', 'Drop5'];
var Pos = [
{'x':29,'y':115}, {'x':29,'y':160}, {'x':29,'y':205}, {'x':29,'y':250}, {'x':29,'y':295}
];
Pos.sort(function() {return 0.5 - Math.random()});
for (i=0;i<dragForms.length;i++){
sym.$(dragForms[i]).css({"left":Pos[i].x,"top":Pos[i].y,"position":"absolute"});
sym.$(dragForms[i]).addClass('C'+i);
sym.$('.C'+i).draggable({
revert: 'invalid'
});
sym.$(dropForms[i]).droppable({
accept:'.C'+i, // use class for accept
drop: handleDropEvent
});
}
k=0;
function handleDropEvent(event, ui){
ui.draggable.draggable( 'disable' );
$(this).droppable( 'disable' );
// place draggable where needed. could be left, top
// ui.draggable.position( { of: $(this), my: 'left', at: 'top' } );
ui.draggable.position( { of: $(this), my: 'center', at: 'middle' } );
ui.draggable.draggable( 'option', 'revert', false );
k++;
if (k==5){
for (i=0; i<dragForms.length;i++){
sym.getSymbol(dragForms[i]).play();
sym.play();
}
}
}