[DOM] Swappable Slideshow

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);
 });
 }
	});
}