Filters and onEnterFrame problem

1

hey guys,

here’s the thing, I have 4 buttons and when you rollover on them they “lift” and I have an onEnterFrame that will create a dropShadow and gets more and more blurry as the button gets lifted. I have another onEnterFrame that will do the opposite of the other one and also has a delete onEnterFrame.

My problem is that since every button has an onEnterFrame on rollover and rollout, when you move the mouse on all 4 the only one that the delete onEnterFrame works is the last button that was rolled out…

Don’t know if I’m clear so here’s an example


//on rollover
ds.alpha = 5;
    iconsMC.icons1.filters = [ds];
    onEnterFrame = function() {
        ds.blurX += (20-ds.blurX)/5;
        ds.blurY = ds.blurX;
        //trace(ds.blurY);
        ds.distance += 0.5;
        iconsMC.icons1.filters = [ds];
        if(ds.blurX > 18.5) {
            delete this.onEnterFrame;
        }
        if(ds.distance > 7.5) {
            delete this.onEnterFrame;
        }
    }[FONT=Courier New][/FONT]
 //on rollout
onEnterFrame = function() {
        ds.blurX --;
        ds.blurY = ds.blurX;
        ds.distance -= 0.3;
        trace(ds.distance);
        iconsMC.icons1.filters = [ds];        
        if(ds.distance < 2) {
            delete this.onEnterFrame;
            iconsMC.icons1.filters = [0];
            
        }
    }

So every button has that for the filters. Is there any way I can make the rollout onEnterFrame finish while the next rollover starts??

any help would be greatly appreciated!