//These are used for animating the filters
var blurSpeed:Number = 1;
var bevelSpeed:Number = 5;
 
//Add the MOUSE_OVER listener to each apple
apple01.addEventListener (MouseEvent.MOUSE_OVER, mouseOverApple01);
apple02.addEventListener (MouseEvent.MOUSE_OVER, mouseOverApple02);
 
//Add the MOUSE_OUT listener to each apple
apple01.addEventListener (MouseEvent.MOUSE_OUT, mouseOutApple01);
apple02.addEventListener (MouseEvent.MOUSE_OUT, mouseOutApple02);
 
/* Add the ENTER_FRAMEs for both apples, so we can animate them in each frame. */
apple01.addEventListener (Event.ENTER_FRAME, enterFrameApple01);
apple02.addEventListener (Event.ENTER_FRAME, enterFrameApple02);
 
// Create and assign the blur filter to apple01.
var blur:BlurFilter = new BlurFilter();
blur.blurX = 20;
blur.blurY = 20;
blur.quality = BitmapFilterQuality.HIGH;
apple01.filters = [blur];
 
//Create a BevelFilter for apple02
var bevelFilter:BevelFilter = new BevelFilter(10,
                                   45,
                                   0x000000,
                                   1,
                                   0xffffff,
                                   1,
                                   0,
                                   0,
                                   0,
                                   BitmapFilterQuality.HIGH,
                                   BitmapFilterType.INNER,
                                   false);
 
 
apple02.filters = [bevelFilter];
 
//Set the default values (mouse is not over the apples)
var mouseIsOverApple01:Boolean = false;
var mouseIsOverApple02:Boolean = false;
 
//This is called when mouse is over apple01
function mouseOverApple01 (event:MouseEvent):void {
        mouseIsOverApple01 = true;
}
 
//This is called when mouse is over apple02
function mouseOverApple02 (event:MouseEvent):void {
        mouseIsOverApple02 = true;
}
 
//This is called when mouse is out of apple01
function mouseOutApple01 (event:MouseEvent):void {
        mouseIsOverApple01 = false;
}
 
//This is called when mouse is out of apple02
function mouseOutApple02 (event:MouseEvent):void {
        mouseIsOverApple02 = false;
}
 
 
//This function animates apple01
function enterFrameApple01 (event:Event):void {
 
        //If mouse is over the apple, decrease the blur
        if (mouseIsOverApple01 == true) {
                blur.blurX -= blurSpeed;
                blur.blurY -= blurSpeed;
        }
 
        /* If the mouse is out of the apple, and the blur is not over 20, we increase the blur. */
        if (mouseIsOverApple01 == false && blur.blurX <= 20) {
                blur.blurX += blurSpeed;
                blur.blurY += blurSpeed;
        }
 
        /* We need to assign the filter again since we made changes to the blur filter. */
        apple01.filters = [blur];
}
 
//This function animates apple02
function enterFrameApple02 (event:Event):void {
 
        //If mouse is over the apple, increase the blur until we reach 100
        if (mouseIsOverApple02 == true && bevelFilter.blurX < 100) {
                bevelFilter.blurX += bevelSpeed;
                bevelFilter.blurY += bevelSpeed;
 
                //We need to assign a strength to the bevel to make it visible
                bevelFilter.strength = 5;
        }
 
        //If mouse is out of the apple02, decrease the blur
        if (mouseIsOverApple02 == false) {
                bevelFilter.blurX -= bevelSpeed;
                bevelFilter.blurY -= bevelSpeed;
        }
 
        /* If we are sure that no blur is applied, we make the whole bevel filter invisible (strength is 0). Otherwise we would see some ugly corners. */
        if(bevelFilter.blurX == 0) {
                bevelFilter.strength = 0;
        }
 
        /* We need to assign the filter again since we made changes to the bevelFilter filter. */
        apple02.filters = [bevelFilter];
}