[DOM] Dúvida - Swappable Slideshow

[LokiSchwartz]

Boa tarde Pessoal,

Sou novato aqui e necessito de ajuda urgente para um código de JS.

O que acontece:

Tenho um objeto que quando sobreposto com outro objeto, precise que crie um bullet (•) na mesma div desde objeto (Ou seja, preciso fazer algo parecido com "if (objetos > 1) { $(this).append("<br>•") e, após isso, seja possível trocar do primeiro para o segundo objeto clicando nele ou utilizando swap, afetando também os bullets (tirando e removendo as classes).

Tenho os seguintes códigos:

Ao largar o objeto onde quero =>

function drop(ev)    {
    ev.preventDefault();
    $("#project-description").remove();
    $("#project").val("");
    var data = ev.dataTransfer.getData("text\html");
    var element = $(document.getElementById(data));
    var target = $(ev.target).closest(".produto");
    var project;
    for (var i = 0; i < projects.length; i++)
        if (projects[i].value == data)
            project = projects[i];
    if (project.video)    {
        $(target).append(project.video);
        element.remove();
    }
    else if (element[0].tagName == "IMG")    {
        if (!$(':first-child',target).hasClass('ativo'))    {
            target.empty();
            $("<div>").addClass("ativo").appendTo(target);
        }
        $(".ativo",target).prepend(element);
        AtivaSlide($("body"));
    }
}

O que tenho até agora para a sobreposição =>

function AtivaSlide(container) {
    if (container.ativos)
        for (var i = 0; i < container.ativos.length; i++)
            clearInterval(container.ativos[i]);
    container.ativos = [];
    $(".ativo", container).each(function()    {
        var $this = $(this);
        if ($this.children().length > 1)    {
            $("img:gt(0)", $this).hide();
onclick(function() {
                $(':first-child', $this)
                    .hide()
                    .next("img")
                    .end()
                    .appendTo($this);
});
        }
    });
}