var av = new Avatar(Avatar.getName(28));
var av1 = new Avatar(Avatar.getName(28));
var av2 = new Avatar(Avatar.getName(28));
var av3 = new Avatar(Avatar.getName(28));
var av4 = new Avatar(Avatar.getName(28));
var pausa = false;
var NoRep = 10;
var pos = [
    {f:30, single:true, r:[0.1,1,0,-1,0,1,1,0,-1,0]},
    {f:20, r:[-0.1,1,0,-1,0,1,1,0,-1,0]},
    {f:20, r:[0.1,-1,0,1,0,-1,-1,0,1,0]}
    ];

//frameRate(26);
var frames = 0; // contador-frames/postura
var idx = 0; // indice-posturas
var repe = 0;

av.scale(0.2);
av1.scale(0.2);
av2.scale(0.2);
av4.scale(0.2);
av3.scale(0.2);


var update = function() {
    frames = 0;
    ++idx;
    //av.scale(1.1);
    if (idx>=pos.length) {
        idx = 0;
        repe++;
        if ( repe >= NoRep ) {
            pausa = true;
        }
    }
};

var draw = function() {

  if ( !pausa ) {
        ++frames;
        if (repe>0 && pos[idx].single) {
            update();
            return;
        }
        if (frames<pos[idx].f) {
             for (var i=0; i<10; i++) {

                av.rotate(2, pos[idx].r[i]);
                av1.rotate(2, pos[idx].r[i]);
                av2.rotate(2, pos[idx].r[i]);
                av3.rotate(2, pos[idx].r[i]);
                av4.rotate(2, pos[idx].r[i]);
            }
            for (var i=0; i<10; i++) {

                av.rotate(6, pos[idx].r[i]);
                av1.rotate(6, pos[idx].r[i]);
                av2.rotate(6, pos[idx].r[i]);
                av3.rotate(6, pos[idx].r[i]);
                av4.rotate(6, pos[idx].r[i]);
            }
            for (var i=0; i<10; i++) {

                av.rotate(1, pos[idx].r[i]);
                av1.rotate(1, pos[idx].r[i]);
                av2.rotate(1, pos[idx].r[i]);
                av3.rotate(1, pos[idx].r[i]);
                av4.rotate(1, pos[idx].r[i]);
            }
            //av.rotate(6, pos[idx].r[i])
        } else {
            update();
        }
    }
    background(0, 255, 55);
    av.draw(mouseX,mouseY);
    av1.draw(mouseX+65,mouseY);
     av2.draw(mouseX+130,mouseY);
      av3.draw(mouseX+195,mouseY);
       av4.draw(mouseX+255,mouseY);
};

var mouseClicked = function() {
    pausa = !pausa;
    repe=0;
};