Удаление старой анимации при клике, и начало новой
 

Хотя работа с Raphaeljs, задача касается js в общем.
После клика создается и анимируется объект(id берутся из массива), при втором клике происходит наложение одной графики на другую.
Нужно чтобы при клике предыдущий объект очищался.

buttonPath.click(function() {
      var currents = this.data("i");//получаю id кнопки
      var pathAnim1 = p.path(pathsarr[currents])//присваиваю id первому path
      var pathAnim2 = pathsarr[currents + 1];//присваиваю id второму path
      pathAnim1.animate({
        path: pathAnim2
      }, 3000, function() {});//callback, если удалить pathAnim1, графика исчезает, она должна оставаться до следующего клика
    });

Пример полностью на http://jsfiddle.net/Magger/Lo718boh/