[devastor]

Добрый день, друзья!
Столкнулся с проблемой:
при первом вызове функции plus(), всё срабатывает как надо - при нажатии на созданный point1 вызывается созданный див flying1, но при втором вызове события на все дивы перезаписываются и получается что при нажатии на див point1, point2 вызывается flying2, при третьем вызове point1, point2, point3 начинают ссылаться на flying3 и т.д
как сделать что бы событие onclick не перезаписывалось, при каждом вызове функции?

var i = 0;
function plus(){
	if (i > 3) return;
	i++;
	var Form = document.getElementById('plus');
	var Div = document.createElement("div");
	Div.className =  'point';
	Div.id = 'point'+i;
	Div.onclick = function (){
		$('#flying'+i).css({visibility:'visible'});
	};
	Form.appendChild(Div);
        Div.innerHTML = '<span class="icon-location2">';
	var flDiv = document.createElement("div");
	flDiv.className =  'flying';
	flDiv.id = 'flying'+i;
	Form.appendChild(flDiv);

<div id="plus"></div>

ЗЫ: где почитать, как делать компилируемый JS код на этом форуме?