Weird bug in preloading

1

While designing a website, i added a preloader so that there’s a loading bar that displays while the website is loading. The code for it is just standard one. However, i encountered a really weird bug:

After loading the main swf and adding it to the screen, there seems to be a few frames that were skipped. And even weirder, if i hit the refresh button of my browser, everything seems became ok and no frames were skipped O_o
Check out http://www.burnwater.com.ph/projects/bluemedia/ for the said problem.

Any guesses and suggestions on how to fix it? X_X I dont think there’s anything wrong with my preloader. Here’s the code just in case:

var myRequest:URLRequest = new URLRequest(“main.swf”);
var myLoader:Loader = new Loader();

myLoader.load(myRequest);

myLoader.contentLoaderInfo.addEventListener(Event.OPEN,showPreloader);
myLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS,showProgress);
myLoader.contentLoaderInfo.addEventListener(Event.COMPLETE,showContent);

var myPreloader:Preloader = new Preloader();

function showPreloader(event:Event):void {
addChild(myPreloader);
myPreloader.x = stage.stageWidth/2;
myPreloader.y = stage.stageHeight/2;
}

function showProgress(event:ProgressEvent):void {
var percentLoaded:Number = event.bytesLoaded/event.bytesTotal;
myPreloader.loading_txt.text = "Loading - " + Math.round(percentLoaded * 100) + “%”;
myPreloader.bar_mc.width = 198 * percentLoaded;
}

function showContent(event:Event):void {
removeChild(myPreloader);
addChild(myLoader);
}