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