Dynamic Mouse Follow

Hey Gang,

I'm trying to generate symbols on the stage that when they are added begin to follow the mouse position. Once I get it down I will add easing etc.

Currrently its adding new symbols every sec but once they genrerate they are no longer following the mouse position.

Here is the code:

any thoughts?

// vars --------------------

sym.timer;

sym.spawnFrequency = 1000;

sym.particleArray = [];

sym.pageX;

sym.pageY;

// funcs --------------------

// called by trigger @ 0ms

sym.startTimer = function(){

          sym.timer = setInterval(sym.createParticle, sym.spawnFrequency);

};

sym.createParticle = function(){

          // pull symbol from library, add to Stage

          sym.trailParticle = sym.createChildSymbol("ani_loop_test", "Stage");

          // position based on mouse position

          sym.trailParticle.getSymbolElement().css({"position":"absolute", "left":sym.pageX, "top":sym.pageY});

          sym.particleArray.push( sym.trailParticle );

          //console.log("x:",trailParticle.getSymbolElement().css("left"), "y:",trailParticle.getSymbolElement().css("top"));

}

this.offsetX = 125;

this.offsetY = 125;

this.onMove = function( posX, posY ){

          sym.trailParticle.getSymbolElement().css('left', posX - this.offsetX);

          sym.trailParticle.getSymbolElement().css('top', posY - this.offsetY);

}