/**
* EasyDrag 1.4 - Drag & Drop jQuery Plug-in
*
* Thanks for the community that is helping the improvement
* of this little piece of code.
*
* For usage instructions please visit http://fromvega.com
*/
(function($) {
    $.fn.fPosition = function(options) {
        var defaults = {
            vpos: null,
            hpos: null

        };
        var top;
        var left;
        var options = $.extend(defaults, options);
        return this.each(function(index) {
            var $this = $(this);
            $this.css("position", "absolute");
            if (jQuery.browser.opera) {
                ftop = ((parseInt(window.innerHeight) / 2) - (options.fh / 2));
                $this.css("top", ($(document).scrollTop() + (parseInt(window.innerHeight) / 2) - (options.fh / 2)) + "px");

            } else {
                ftop = ((parseInt($(window).height()) / 2) - (options.fh / 2));
                $this.css("top", ($(document).scrollTop() + (parseInt($(window).height()) / 2) - (options.fh / 2)) + "px");

            };
            $this.css("left", ((parseInt($(window).width()) / 2) - (options.fw / 2)) + "px");
            fleft = ((parseInt($(window).width()) / 2) - (options.fw / 2));

        });

    };
    var isMouseDown = false;
    var currentElement = null;
    var dropCallbacks = {};
    var dragCallbacks = {};
    var bubblings = {};
    var lastMouseX;
    var lastMouseY;
    var lastElemTop;
    var lastElemLeft;
    var dragStatus = {};
    var holdingHandler = false;
    $.getMousePosition = function(e) {
        var posx = 0;
        var posy = 0;
        if (!e) var e = window.event;
        if (e.pageX || e.pageY) {
            posx = e.pageX;
            posy = e.pageY;

        } else if (e.clientX || e.clientY) {
            posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
            posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;

        };
        return {
            'x': posx,
            'y': posy

        };

    };
    $.updatePosition = function(e) {
        var pos = $.getMousePosition(e);
        var spanX = (pos.x - lastMouseX);
        var spanY = (pos.y - lastMouseY);
        $(currentElement).css("top", (lastElemTop + spanY));
        $(currentElement).css("left", (lastElemLeft + spanX));
        fleft = lastElemLeft + spanX;
        fftop = spanY;

    };
    $(document).mousemove(function(e) {
        if (isMouseDown && dragStatus[currentElement.id] != 'false') {
            $.updatePosition(e);
            if (dragCallbacks[currentElement.id] != undefined) {
                dragCallbacks[currentElement.id](e, currentElement);

            };
            return false;

        }

    });
    $(document).mouseup(function(e) {
        if (isMouseDown && dragStatus[currentElement.id] != 'false') {
            isMouseDown = false;
            if (dropCallbacks[currentElement.id] != undefined) {
                dropCallbacks[currentElement.id](e, currentElement);

            };
            return false;

        }

    });
    $.fn.ondrag = function(callback) {
        return this.each(function() {
            dragCallbacks[this.id] = callback;

        });

    };
    $.fn.ondrop = function(callback) {
        return this.each(function() {
            dropCallbacks[this.id] = callback;

        });

    };
    $.fn.dragOff = function() {
        return this.each(function() {
            dragStatus[this.id] = 'off';

        });

    };
    $.fn.dragOn = function() {
        return this.each(function() {
            dragStatus[this.id] = 'on';

        });

    };
    $.fn.setHandler = function(handlerId) {
        return this.each(function() {
            var draggable = this;
            bubblings[this.id] = true;
            $(draggable).css("cursor", "");
            dragStatus[draggable.id] = "handler";
            $("#" + handlerId).css("cursor", "move");
            $("#" + handlerId).mousedown(function(e) {
                holdingHandler = true;
                $(draggable).trigger('mousedown', e);

            });
            $("#" + handlerId).mouseup(function(e) {
                holdingHandler = false;

            });

        });

    };
    $.fn.easydrag = function(allowBubbling) {
        return this.each(function() {
            if (undefined == this.id || !this.id.length) this.id = "easydrag" + (new Date().getTime());
            bubblings[this.id] = allowBubbling ? true: false;
            dragStatus[this.id] = "on";
            $(this).css("cursor", "move");
            $(this).mousedown(function(e) {
                if ((dragStatus[this.id] == "off") || (dragStatus[this.id] == "handler" && !holdingHandler)) return bubblings[this.id];
                $(this).css("position", "absolute");
                $(this).css("z-index", parseInt(new Date().getTime() / 1000));
                isMouseDown = true;
                currentElement = this;
                var pos = $.getMousePosition(e);
                lastMouseX = pos.x;
                lastMouseY = pos.y;
                lastElemTop = this.offsetTop;
                lastElemLeft = this.offsetLeft;
                $.updatePosition(e);
                return bubblings[this.id];
            });

        });

    };
})(jQuery);