var tituloImg = '';
    var linkIMg = '';
    $(function() {
        $('#targets').css('top',(($(window).height())/2)+'px');
        //$('#targets').css('top','90px');

        //cache selector
        var images = $(".dreg_share"),
        title = $("title").text() || document.title;

        //make images draggable
        images.draggable({
            //create draggable helper
            helper: function() {
                tituloImg = $(this).attr("title");
                linkIMg = $(this).parent().attr('href');

                return $("<div>").attr("id", "helper").html("<span>Compartilhe " + tituloImg + "</span><img id='thumb' src='" + $(this).attr("src") + "'>").appendTo("body");
                //return $("<div>").attr("id", "helper").html("<span>Arraste para compartilhar</span><img id='thumb' src='" + $(this).attr("src") + "'>").appendTo("body");
            },
            cursor: "pointer",
            cursorAt: { left: -10, top: 20 },
            zIndex: 99999,
            //show overlay and targets
            start: function() {
                $("<div>").attr("id", "overlay").css("opacity", 0.7).appendTo("body");
                $("#tip").remove();
                $(this).unbind("mouseenter");
                $("#targets").css("left", ($("body").width() / 2) - $("#targets").width() / 2).slideDown();
            },
            //remove targets and overlay
            stop: function() {
                $("#targets").slideUp();
                $(".share", "#targets").remove();
                $("#overlay").remove();
                $(this).bind("mouseenter", createTip);
            }
        });

        //make targets droppable
        $("#targets li").droppable({
            tolerance: "pointer",
            //show info when over target
            over: function() {
                $(".share", "#targets").remove();
                $("<span>").addClass("share").text("Compartilhar no " + $(this).attr("id")).addClass("active").appendTo($(this)).fadeIn();
            },
            drop: function() {
                var id = $(this).attr("id"),
                //linkIMg,
                baseUrl = $(this).find("a").attr("href");

                if (id.indexOf("twitter") != -1) {
                    window.open(baseUrl + "/home?status=" + tituloImg + ": " + linkIMg);
                } else if (id.indexOf("delicious") != -1) {
                    window.open(baseUrl + "/save?url=" + linkIMg + "&title=" + tituloImg);
                } else if (id.indexOf("facebook") != -1) {
                    window.open(baseUrl + "/sharer.php?u=" + linkIMg + "&t=" + tituloImg);
                }
            }
        });

        var createTip = function(e) {
            //create tool tip if it doesn't exist
            ($("#tip").length === 0) ? $("<div>").html("<span>Arraste a imagem para compartilhar a página<\/span><span class='arrow'><\/span>").attr("id", "tip").css({ left:e.pageX + 30, top:e.pageY - 16 }).appendTo("body").fadeIn(2000) : null;
        };

        images.bind("mouseenter", createTip);

        images.mousemove(function(e) {

            //move tooltip
            $("#tip").css({ left:e.pageX + 30, top:e.pageY - 16 });
        });

        images.mouseleave(function() {

            //remove tooltip
            $("#tip").remove();
        });
    });