OK Ive tenía con este script! jQuery cuestión de arrastre!

$(function() {
   
    // Setup some herlper vars. Moving image will state if we are dragging verse just clicking an image
    // and dragger_id will hold onto the image id we are dragging
    var moving_image = false;  
    var dragger_id;
   
    // Bind the dragstart to not drag anything. I know this sounds strange but we don't want to actually drag anything
    // with the class name of draggable
    $('.draggable').bind('dragstart', function(event) {
       
        // Stop the default action
        event.preventDefault();
   
    });
   
    // Setup the mousedown function on the draggable class name
    $(".draggable").mousedown(function(event) {
                                       
        // Get and set the images id in the dragger id variable
        dragger_id = $(event.target).get(0).id;
       
        // Stop the default action of the mouse down this will prevent the script from firing the
        // default action of just clicking on the image.
        event.preventDefault();
       
        // Setup the mouse move function this will mimic the dragging action
        $(document).mousemove(function(event){
           
            // Check to see if we are moving the image yet. if not and you have been following along.
            // to get here the mouse must be down and you must have moved the mouse.
            if(!moving_image) {
               
                // Make the helper image this is going to be the visual dragging refrence.
                var img
                img = $('<img src="images/fam/photo_add.png">');
                img.attr('id', 'whatADrag');
                img.appendTo('body');
               
            }
           
            // Set the moving image flag to true
            moving_image = true;
           
            // Build the cssobject to position the dragg helper next to the cursor
            var cssObj = {
                'display' : 'inline',
                'position': 'absolute',
                'left' : (event.pageX + 8 ) + 'px',
                'top' : event.pageY +'px'
            };
           
            // Apply the css to the helper
            $("#whatADrag").css(cssObj);
         
        });
   
    });
         
    // Set mouse up event we wat this to be able to fire every where
    $(document).mouseup(function(event) {
                                 
        // Get rid of the help object                
        $("#whatADrag").remove();
       
        // This is created in the mouseover function it is a visual refrence for the folder to drop the file into.
        // we need to remove the te,pdrop image and the class that was applied
        $("#temp_drop").remove();
        $(event.target).removeClass('move-file');
       
        // Make sure we are moving the image before we do anything
        if(moving_image) {
           
            // Set the moving image flag to false so that we no longer do anything with moving the image after exiting this function
            moving_image = false;
           
            // Unbind the mousemove instance
            $(document).unbind('mousemove');
           
            // Check for our drop zones. there are two of them at the current time
            if($(event.target).hasClass('droppable') || $(event.target).hasClass('droppable2')) {
               
                // Get the taget id and remove the string info
                var target_id = $(event.target).get(0).id.replace('node_a_tag_', '');
               
                // Call the function to move the file
                move_file(parseInt(dragger_id), parseInt(target_id));
               
               
               
            }
           
        }
 
    });
           
    // Setup the mouse over and out functions
    $(".droppable, .droppable2").mouseover(function(event){
       
        // Make sure we are moving the image
        if(moving_image) {
           
            // Add the move-file class
            $(this).addClass('move-file');
           
            // Check for the folder and not the tree
            if($(this).hasClass('droppable2')) {
               
                // Make the image add bullet to add a visual refrence to the folder
                var img = $('<img id="temp_drop" src="images/fam/add.png">');
               
                // Check browser type
                if(document.all){
                   
                    // Fix offset position
                    indicator_offset_x = $(this).width() - 16;
                    indicator_offset_y = $(this).height() -16;
                   
                } else if(navigator.userAgent.indexOf('Opera')>=0){
                   
                    // Fix offset position
                    indicator_offset_x = $(this).width() - 16;
                    indicator_offset_y = $(this).height() - 16;                
                   
                } else {
                       
                    // Fix offset position
                    indicator_offset_x = $(this).width() - 16;
                    indicator_offset_y = $(this).height() - 16;
                   
                }
               
            } else {
               
                // Make the image add bullet to add a visual refrence to the folder
                var img = $('<img id="temp_drop" src="images/fam/bullet_add.png">');
               
                // Check browser type
                if(document.all){
                   
                    // Fix offset position
                    indicator_offset_x = -13;
                    indicator_offset_y = 0;
                   
                } else if(navigator.userAgent.indexOf('Opera')>=0){
                   
                    // Fix offset position
                    indicator_offset_x = -13;
                    indicator_offset_y = -5;                
                   
                } else {
                   
                    // Fix offset position
                    indicator_offset_x = -13;
                    indicator_offset_y = 0;            
               
                }
               
            }
               
            // Append to the body of the dom and the display none to stop scrollbar issues
            img.attr('style', 'display:none;');
            img.appendTo('body');
           
            // Make an css Object to postion the image correctly
            var cssObj = {
                'position' : 'absolute',
                'display' : 'inline',
                'left' : ($(this).position().left + indicator_offset_x) +'px',
                'top' : ($(this).position().top + indicator_offset_y) +'px'
            };
           
            // Apply the CSS
            $("#temp_drop").css(cssObj);
           
        }
       
    }).mouseout(function(event){
               
            // Remove the class move-file and the temp drop image
            $(this).removeClass('move-file');
            $("#temp_drop").remove();
               
    });
               
 
});
 

<!-- Page html javascript and css above -->
<style type="text/css">
.dragging-box-with-no-possibility-of-duplicating-style {
    width: 100px;
    height: 100px;
    border: 1px solid #000000;
    background-color:#CCCCCC;
    position:absolute;
}
</style>
 
<div id="div_with_an_id_with_no_possibility_of_duplicating" class="dragging-box-with-no-possibility-of-duplicating-style">
Drag Me
</div>
 
<script type="text/javascript">
 
$(function() {
   
   $("#div_with_an_id_with_no_possibility_of_duplicating").draggable();
 
});
 
</script>
 
 

// This preform the best with very little delay
$(function() {
    $(".draggable").draggable();
});
 
// This adds more delay
$(function() {
           
    // Setup the mousedown function on the draggable class name
    $(".draggable").draggable({
        revert:true,
        helper: function( event ) {
            return $('<img src="images/fam/photo_add.png">');
        }
    });
           
    $(".droppable").droppable({
        greedy: true,
        drop: function( event, ui ) {
            alert('dropped');
        }
    });      
 
    $(".droppable2").droppable({
        greedy: true,
        drop: function( event, ui ) {
            alert('dropped2');
        }
    });
           
});