Перемещение картинок в jCanvasScript

[riki]

Здравствуйте,

Применяя библиотеку jCanvasScript, в сanvas загрузил несколько картинок, нужно что бы некоторые картинки поменялись местами(по клику),

но получается, что картинки местами меняются,а при этом старые картинки остаются на местах(вместо двух - четыре после клика,и вторым слоем, так первые не куда не делись).

function start(){//body onload
var img =[];
for(var i=0;i<16;i++){
img[i]=new Image;
img[i].src="./image/"+i+".png";
}

var numberField=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,0];

jc.start('firstCanvas',true);

function allonloadImages(){//initialization by canvas id

for(var i=0;i<16;i++){

jc.image(img[i],cordinaImg[i],cordinaImg[i]).id('img'+i);

};
};

jc.start('firstCanvas');

for(var i=0;i<img.length;i++){
img[i].onload=allonloadImages;
}

}
function coordinateClick(e){

for(var i=0;i<16;i++){

jc('#img'+i).click(function(point){

if(...){//здесь меняем местами картинки

jc('#img'+i).translateTo(x,y);
jc('#img15').translateTo(x1,y1);
}
});

НА сайте jsбиблиотеки

http://jcscript.com/...ons/translateTo

есть примеры, но без картинок, с фигурами которые рисутся в канве.

Можно ли то же самое сделать с картинками?

Или тут сложнее,нужно картинки каждый раз перезагрузать(через onload)?

Откуда вторые копии картинок беруться?

Edited February 11, 2013 by riki