Coordinating movie clip with preloader

Hi all,

I’m using a getbytesloaded preloader on my website in conjunction with a loader bar which scales using:
[AS]this._xscale = ((_root.getBytesLoaded() / _root.getBytesTotal()) * 100);[/AS]
this works just fine.

However, in the background, I want a blurry image which becomes more focused the closer the site is to be loaded. I have created two jpegs in photoshop of the same image, one is blurred, one is not. I created the fade effect by creating a movie clip, layering the two and fading the blurry one out to reveal the focused one.

Essentially, how do I get the movie clip of the image transition to play just once in coordination with the percentage the user has loaded?

Any help is greatly appreciated.

Thanks.