document.dragJBOX = {};
document.dragJBOX['id'] = false;

document.dragJBOX['start_x'] = 0;
document.dragJBOX['start_y'] = 0;
document.dragJBOX['start_top'] = 0;
document.dragJBOX['start_left'] = 0;
$(document).mousemove(function(event){
    if(document.dragJBOX.id)
    {
        var dx = event.pageX - document.dragJBOX['start_x'];
        var dy = event.pageY - document.dragJBOX['start_y'];
        $("#jbox-overlay-"+document.dragJBOX.id).css({
            'top':document.dragJBOX['start_top']+dy,
            'left':document.dragJBOX['start_left']+dx
        })
    }
});
$(".drag-trigger").live('mousedown',function(event){
    var parentOverlay = $(this).parents(".jbox-overlay-wrapper.draggable");
    if(!parentOverlay.length)
        return false;
    var id = parentOverlay.get(0).id.split('jbox-overlay-')[1];
    document.dragJBOX.id = id;
    document.dragJBOX['start_top'] = parseInt(parentOverlay.css('top'));
    document.dragJBOX['start_left'] = parseInt(parentOverlay.css('left'));
    document.dragJBOX['start_x'] = event.pageX;
    document.dragJBOX['start_y'] = event.pageY;
});
$(document).mouseup(function(event){
    document.dragJBOX.id = false;

});