//--- Coordinate dell'oggetto Draggable
var objBaseX = 0;
var objBaseY = 0;

//--- Coordinate e dimensioni del target (E)
var TargetX = 0;
var TargetY = 0;
var TargetHeight = 0;
var TargetWidth = 0;


function findPos(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        do {
            curleft += obj.offsetLeft;
            curtop += obj.offsetTop;
        }
        while (obj = obj.offsetParent);
    }
    return [curleft, curtop];
}
    
function getDimValue(input) {
    var output;

    output = input.replace("px", "");

    return Number(output);
}

function setTargetValues() {    

    var pos = findPos(document.getElementById("LogoE"));

    TargetX = pos[0];
    TargetY = pos[1];
    var tarH = jQuery('#LogoE').css("height");
    var tarW = jQuery('#LogoE').css("width");

    TargetHeight = getDimValue(tarH);
    TargetWidth = getDimValue(tarW);
}


function initDnD(IdLingua,hlpUrl) {    

    setTargetValues();

    jQuery('.DraggableContent').draggable({
        stop: function (event, ui) {                        

            var objPosY = ui.offset['top'];
            var objPosX = ui.offset['left'];

            var mouseX = event.pageX;
            var mouseY = event.pageY;

            if ((mouseY > TargetY) && (mouseY < (TargetY + TargetHeight)) && (mouseX > TargetX) && (mouseX < (TargetX + TargetWidth))) {

                //--- Chiamata AJAX per la restituzione dell'help
                var objID = jQuery(ui.helper).attr("id");

                searchHelp(objID, IdLingua, hlpUrl);

                jQuery(ui.helper).fadeOut(500, function () {
                    jQuery(ui.helper).css("left", objBaseX);
                    jQuery(ui.helper).css("top", objBaseY);
                    jQuery(ui.helper).fadeIn(500);
                });
            } else {
                jQuery(ui.helper).animate({
                    left: objBaseX,
                    top: objBaseY
                });
            }
        }
    });


}