Preloader not working in Safari , works fine in Firefox?

programming flash
1

my site is comprised of several images loaded dynamically and added to the display list. i declare a bunch of loaders on the first frame, and add a preloader progress listener to the largest image to have one preloader for all the assets. I then added a COMPLETE listener to the same image, and add that image, along with all the others in the onComplete function. i have two issue. the preloader doesnt work in Safari. but works fine in Firefox? and i’m totally stumped on what it could be? another compatibility issue that seems to be arising is that one of the galleries of my site which corresponds to the “drawn” link. also does not seem to be working in Safari, but works in Firefox. its a fairly simple xml based image gallery, which loads thumbs on to the stage, and then loads a larger version of each, when the corresponding thumbnail is clicked. the other galleries of the site work fine in safari, and are basically the same code wise.

heres my code for the loading and preloader in the first frame


import caurina.transitions.*;
stop();
// declaring loaders for BG images
var backgroundImage:Loader = new Loader();
var _targetLoaderInfo:LoaderInfo;
_targetLoaderInfo = backgroundImage.contentLoaderInfo;
// preloader graphic
var preloader:Preloader = new Preloader;
var animationLink:galarrowleft = new galarrowleft;
var digitalLink:galarrowright = new galarrowright;
var sketchLink:sketchlink = new sketchlink;
var resumeLink:resumeMainText = new resumeMainText;
// loader instances for BG image assets
var clouds1:Loader = new Loader();
var clouds2:Loader = new Loader();
var bottomPark:Loader = new Loader();
var topRibbon:Loader = new Loader();
var Haze:Loader = new Loader();
var digitalBG:Loader = new Loader();
var nightSky:Loader = new Loader();
var midCity:Loader = new Loader();
var stars:Loader = new Loader();
var moon:Loader = new Loader();
var sun:Loader = new Loader();
var topPlanet:Loader = new Loader();
var sketchBG:Loader = new Loader;
var sketchBorderR:Loader = new Loader();
var sketchBorderL:Loader = new Loader();
var Title:Loader = new Loader();
// declaring a variable for the bytesloaded to bytesTotal ratio needed for preloader progress
var _loadPercent:Number;
//Loading initial BG images
stars.load(new URLRequest("img/Site2dElements/nightOrn.png"));
moon.load(new URLRequest("img/Site2dElements/moon.png"));
midCity.load(new URLRequest("img/Site2dElements/site_BG_Mid5.png"));
sketchBG.load(new URLRequest("img/Site2dElements/DigitalGalBG.png"));
sketchBorderR.load(new URLRequest("img/Site2dElements/sketchBorderR.png"));
sketchBorderL.load(new URLRequest("img/Site2dElements/sketchBorderL.png"));
digitalBG.load(new URLRequest("img/Site2dElements/DigBorder.png"));
sun.load(new URLRequest("img/Site2dElements/sun1.png"));
clouds2.load(new URLRequest("img/Site2dElements/clouds4.png"));
topPlanet.load(new URLRequest("img/Site2dElements/siteBorder_top.png"));
Title.load(new URLRequest("img/Site2dElements/3dHeader.png"));
Haze.load(new URLRequest("img/Site2dElements/SiteOuterHaze2.png"));
topRibbon.load(new URLRequest("img/Site2dElements/siteRibbon.png"));
backgroundImage.load(new URLRequest("img/Site2dElements/bluesky.png"));
clouds1.load(new URLRequest("img/Site2dElements/clouds1.png"));
bottomPark.load(new URLRequest("img/Site2dElements/siteBG_bottom.png"));
// position and add preloader graphic to display List
preloader.x = 726;
preloader.y = 350;
addChild(preloader);
// preloader flashes unless its visibility is turned off
preloader.visible = false;
_targetLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progressListener);
function progressListener (e:ProgressEvent):void{
			_loadPercent = _targetLoaderInfo.bytesLoaded / _targetLoaderInfo.bytesTotal;
			preloader.visible = true;
			preloader.progBar.scaleX = _loadPercent;	
			percent_txt.text = Math.ceil(_loadPercent*100).toString()+"%";
}
backgroundImage.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);
function onComplete(e:Event):void{
	// clean out preloader assets
	removeChild(preloader);
	removeChild(percent_txt);
	percent_txt = null;
	_targetLoaderInfo.removeEventListener( ProgressEvent.PROGRESS, progressListener );
	_targetLoaderInfo.removeEventListener( Event.COMPLETE , onComplete );
	// positioning, and adding all loaded assets
	var resumeLinkX:Number = 710;
	var resumeLinkY:Number = 60;
	var digitalLinkX:Number = 610;
	var digitalLinkY:Number = 75;
	var animationLinkX:Number = 850;
	var animationLinkY:Number = 60;
	var sketchLinkX:Number = 490;
	var sketchLinkY:Number = 50;
	addChild(backgroundImage);
	addChild(clouds1);
	addChild(bottomPark);
	addChild(Haze);
	addChild(topRibbon);
	addChild(Title);
	addChild(animationLink);
	addChild(sketchLink);
	addChild(digitalLink);
	addChild(resumeLink);
	Title.x = 425;
	Title.y = 125;
	digitalLink.x = digitalLinkX;
	digitalLink.y = digitalLinkY;
	animationLink.x = animationLinkX;
	animationLink.y = animationLinkY;
	resumeLink.x = resumeLinkX;
	resumeLink.y = resumeLinkY;
	sketchLink.x = sketchLinkX;
	sketchLink.y = sketchLinkY;
	animationLink.alpha = 0;
	digitalLink.alpha = 0;
	resumeLink.alpha = 0;
	sketchLink.alpha = 0;
	Title.alpha = 0;
	Haze.x = 0;
	Haze.y = 0;
	clouds1.x = 0;
	clouds1.y = -1200;
	bottomPark.x = 0;
	bottomPark.y = 240;
	topRibbon.x = 0;
	topRibbon.y = 0;
	backgroundImage.x = 0;
	backgroundImage.y = 0;
	// proceed in timeline
	gotoAndPlay("main");
}

any insite on what the problem could be or if i’m just missing a compatibility thing with Safari, i would much appreciate

thanks in Advance!