External load wont work for my JPGs

1

when i try to load external .jpg it wont work.
.swf works fine but only .jpg gives me trouble.

here are the codes for it. it doesnt seem like there is anything wrong with it.


 

var box:MovieClip;
var myLoader:Loader;
var myRequest:URLRequest;

pix1.addEventListener(MouseEvent.CLICK, pixBtnClicked);
pix2.addEventListener(MouseEvent.CLICK, pixBtnClicked);
page1.addEventListener(MouseEvent.CLICK, pageBtnClicked);
page2.addEventListener(MouseEvent.CLICK, pageBtnClicked);
 
function pixBtnClicked(event:MouseEvent):void
{
 myRequest = new URLRequest(event.target.name + ".jpg");
 myLoader.load(myRequest);
}
 
function pageBtnClicked(event:MouseEvent):void
{
 myRequest = new URLRequest(event.target.name + ".swf");
 myLoader.load(myRequest);
}

function initialize():void
{
 box = new MovieClip();
 addChild(box);
 myLoader = new Loader();
 box.addChild(myLoader);
  
}

initialize();

wierd thing is, it works offline; both swf and html.
but it wont show my .jpgs after i uploaded to web.

the address for this is

http://pratt.edu/~wsong/port/practice.html

please help.

i want to be able to just upload the raw materials (jpg) without having edited into swf every single time when i need to switch/upload the pictures.