Круги и события кликов в графической библиотеке Raphaël

Question

Я пытаюсь использовать библиотеку Raphaël JS.Я просто хочу иметь несколько кругов и менять их цвет, когда пользователь нажимает на них.Но я не могу понять, почему мой код не работает.Что с ним не так?

Код здесь http://jsfiddle.net/Xj4GA/ и ниже.

 window.onload = function () {

                var paper = Raphael(0, 0, 640, 480);

                circles = paper.set();

                circles.push(paper.circle(20, 20, 10));  
                circles.push(paper.circle(30, 30, 10));
                circles.push(paper.circle(50, 60, 10));
                circles.push(paper.circle(120, 420, 10));
                circles.push(paper.circle(520, 20, 10));
                circles.push(paper.circle(230, 280, 10));
                circles.push(paper.circle(320, 260, 10));

                for (var i = 0; i < circles.length; i++) {
                    circles[i].click(function () {
                        alert('balblaba');
                        //this.attr("stroke", "Red");
                    });
                }
}

Answer 1

заполните circles.attr({fill: "red"});