I`m having a problem with my drag and drop code.

Demo:  http://skytz.jifox.nl/cms_login/

Accountnaam: admin
Wachtwoord: Admin

(The website language is dutch)

If you start draging the blocks to a new position it will lose the option bar above.

Jquery code i`m using

2.   $(function() {
3.   
4.     $(".column").sortable({
5.     
6.     scrollSensitivity: 5,
7.     cursor: 'move', 
8.     connectWith: '.column',
9.         
10.     start: function(event, ui){  
11.     
12.           // Get value      
13.           var text = $.trim(ui.item.text());
14.           var html = ui.item.html();         
15.           var optionshtml = $(".options").html();
16.           var width = $.trim(ui.item.width());
17.           var height = $.trim(ui.item.height()) / 4;
18.           var atrvalue = $('.options').attr('linked');
19.           ui.item.startHtml = ui.item.html(); 
20.           ui.item.html('<div style="width: '+ width +'px; border: 1px dashed #FF4D00; padding: 15px; background-color: #B8E24F; opacity: 0.7;"><div class="options">'+ optionshtml +'</div>'+ html +'</div>');
21.           $('.column').addClass('selected');
22. 
    
23.     },
24.     
25.     stop: function(event, ui){ 
26.           ui.item.html(ui.item.startHtml);
27.           $('.column').removeClass('selected'); 
28.     },   
29.          
30.     update: function(e, ui) {
31.             if (this === ui.item.parent()[0]) {
32.                 var strokeid = ui.item.closest('.column').attr('id');
33.          var order = $(this).sortable("serialize") + '&update=update&s=' + strokeid; 
34.          $.post("/controller/blocks/updateBlocks.php", order, function(theResponse){
35.                        $('.column').removeClass('selected');
36.          });
37.             }  
38. }
39.       
40.     });
41.   }); 
42.   
43.   // Debug Drag drop on active CKEditor
44.   function PreventDragDropEvent() {
45.         $(".column").sortable('disable');
46.   }
47.   function StartDragDropEvent() {
48.         $(".column").sortable('enable');
49.   } 

  My page.tpl code

2.         <!-- START BLOCK : StrokeList -->
3.         <div class="column" id="stroke_{id}" style="width: {width}%;">
4.           <!-- START BLOCK : Blocks -->   
5.           <div class="options" style="width: {width}%;" linked="arrayorder_{id}"><img src="/controller/images/delete.png"> <img src="/controller/images/settings.png"></div>
6.           <div class="portlet" id="arrayorder_{id}" style="width: {width}%;" contenteditable="true" onblur="StartDragDropEvent();" onfocus="PreventDragDropEvent();">
7.               {content}
8.           </div>       
9.           <!-- END BLOCK : Blocks -->
10.         </div>
11.         <!-- END BLOCK : StrokeList -->

Please try out the draging part of the website to see the problem in action.

Any help would be great.

Danny

(Sorry for my bad English)