sprites = new Array();
//my motes - if you edit these or add more, you MUST add a CSS reference!
sprites[0] = new Sprite('mote1', newCoord(), newCoord(), newCoord(), 33, 35, '../images/mote1.png', 0, 0.0, 1, 0, 0, 0, 1, 0, 1.0);
sprites[1] = new Sprite('mote2', newCoord(), newCoord(), newCoord(), 33, 35, '../images/mote2.png', 0, 0.0, 1, 0, 0, 0, 1, 0, 1.0);
sprites[2] = new Sprite('mote3', newCoord(), newCoord(), newCoord(), 33, 35, '../images/mote1.png', 0, 0.00, 1, 0, 0, 0, 1, 0, 1.0);
sprites[3] = new Sprite('mote4', newCoord(), newCoord(), newCoord(), 33, 35, '../images/mote2.png', 0, 0.0, 1, 0, 0, 0, 1, 0, 1.0);
sprites[4] = new Sprite('mote5', newCoord(), newCoord(), newCoord(), 33, 35, '../images/mote1.png', 0, 0.0, 1, 0, 0, 0, 1, 0, 1.0);
sprites[5] = new Sprite('mote6', newCoord(), newCoord(), newCoord(), 33, 35, '../images/mote2.png', 0, 0.0, 1, 0, 0, 0, 1, 0, 1.0);
sprites[6] = new Sprite('mote7', newCoord(), newCoord(), newCoord(), 33, 35, '../images/mote3.png', 0, 0.00, 1, 0, 0, 0, 1, 0, 1.0);
sprites[7] = new Sprite('mote8', newCoord(), newCoord(), newCoord(), 33, 35, '../images/mote3.png', 0, 0.0, 1, 0, 0, 0, 1, 0, 1.0);
sprites[8] = new Sprite('mote9', newCoord(), newCoord(), newCoord(), 33, 35, '../images/mote3.png', 0, 0.0, 1, 0, 0, 0, 1, 0, 1.0);
sprites[9] = new Sprite('mote10', newCoord(), newCoord(), newCoord(), 33, 35, '../images/mote3.png', 0, 0.0, 1, 0, 0, 0, 1, 0, 1.0);
sprites[10] = new Sprite('mote11', newCoord(), newCoord(), newCoord(), 33, 35, '../images/mote3.png', 0, 0.0, 1, 0, 0, 0, 1, 0, 1.0);
sprites[11] = new Sprite('mote12', newCoord(), newCoord(), newCoord(), 33, 35, '../images/mote3.png', 0, 0.0, 1, 0, 0, 0, 1, 0, 1.0);
sprites[12] = new Sprite('mote13', newCoord(), newCoord(), newCoord(), 33, 35, '../images/mote4.png', 0, 0.0, 1, 0, 0, 0, 1, 0, 1.0);
sprites[13] = new Sprite('mote14', newCoord(), newCoord(), newCoord(), 33, 35, '../images/mote4.png', 0, 0.0, 1, 0, 0, 0, 1, 0, 1.0);
sprites[14] = new Sprite('mote15', newCoord(), newCoord(), newCoord(), 33, 35, '../images/mote4.png', 0, 0.0, 1, 0, 0, 0, 1, 0, 1.0);
sprites[15] = new Sprite('mote16', newCoord(), newCoord(), newCoord(), 33, 35, '../images/mote4.png', 0, 0.0, 1, 0, 0, 0, 1, 0, 1.0);



//=======================================================================
//begin
//=======================================================================		    

//loop
setInterval("doit()", 9)



function newCoord() {

    return 300 - (Math.random() * 600);
}




function doit() {
    
    var z = '';        
    
    //for all sprites
    var mysprite;

    var spritenum = 0;

    for (x in sprites) {
        mysprite = sprites[x];
        spritenum = spritenum + 1;
        mysprite.animate(spritenum);
        z += mysprite.render();
    }

    var mycanvas = document.getElementById("canvas");    
    mycanvas.innerHTML = z;

    //zoom in!
    //zoom += 0.01;

}