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 = 'http://www.inmeta.com.br'+$(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();
    });
  });