# Multiple movieclips focus / out of focus

**URL:** <https://forum.kirupa.com/t/multiple-movieclips-focus-out-of-focus/254473>\
**Category:** Uncategorized\
**Created:** [March 12, 2008, 2:17pm UTC](https://forum.kirupa.com/t/multiple-movieclips-focus-out-of-focus/254473 "2008-03-12T14:17:00Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![lageberger](https://avatars.discourse-cdn.com/v4/letter/l/85f322/32.png) [@lageberger](https://forum.kirupa.com/u/lageberger)\
**Post date:** [March 12, 2008, 2:17pm UTC](https://forum.kirupa.com/t/multiple-movieclips-focus-out-of-focus/254473/1 "2008-03-12T14:17:00Z")

</div>

Hi!

I’m currently creating a website for a school project, and have some questions regarding this:

I have a website with 6 different links, and a background (7 mc’s).

\*When the website loads I want the whole page to be in focus  
\*when I rollover one of the links I want the rest of the movieclips/links incl. background to go out of focus (blur out)  
\*when the mouse is over the background I want the whole page to be in focus again (no blurring)

When the site loads everything is in focus, this is correct.

problem is; I have to rollover all of the movieclips before the function ‘starts’…  
example: the website loads, everything is in focus. I rollover one of the links, nothing happens. Then when I go back to the background, the link blurs, which would be fine if I pointed my mouse at another link, but when I point it at the background, I want everything to be in focus again.

For now I have an actionscript inside every movieclip (including the background mc) similar to this:

stop ();

//importere filter  
import flash.filters.BlurFilter;  
import mx.transitions.Tween;  
import mx.transitions.easing.\*;  
var filter:BlurFilter = new BlurFilter(0, 0, 3);  
var filterArray:Array = new Array();  
filterArray.push(filter);

//funksjon  
skjermbilder.filters = filterArray;  
skjermbilder.blurred = 0;

this.onRollOver = function(){  
var tw1:Tween = new Tween(skjermbilder, “blurred”, Strong.easeOut, skjermbilder.blurred, 0, 1, false);  
tw1[“onMotionChanged”] = function() {  
filter.blurX = skjermbilder.blurred\*5;  
filter.blurY = filter.blurX;  
skjermbilder.filters = filterArray;  
}  
};

this.onRollOut = function(){  
var tw1:Tween = new Tween(skjermbilder, “blurred”, Strong.easeOut, skjermbilder.blurred, 1, 1, false);  
tw1[“onMotionChanged”] = function() {  
filter.blurX = skjermbilder.blurred\*5;  
filter.blurY = filter.blurX;  
skjermbilder.filters = filterArray;

}  
};

PLEASE HELP!!

Lage.