Website with multiple SWF files

Basically, I am developing a portfolio page. There will be 4 main SWF files. One which is the home page (with a few keyframes for some navigation to an about page and contact page) and 3 pages each a different skill page. Each skill page displays 3 examples of work that I coded using keyframe navigation. I want to be able to click on one of the skill pages from " home" and have it load the new SWF created from the “webdesign” fla…

I can’t find any answer anywhere for 3.0 actionscript.

I have this code so far, but it just writes the new SWF over the old one.

var loader = new Loader
addChild(loader)
loader.x=0;
loader.y=0;

page1.addEventListener(MouseEvent.CLICK, function(){
         loader.load(new URLRequest("page1.swf"));
});

page2.addEventListener(MouseEvent.CLICK, function(){
         loader.load(new URLRequest("page2.swf"));
});

page3.addEventListener(MouseEvent.CLICK, function(){
         loader.load(new URLRequest("page3.swf"));
});

In addition, once that works, and I publish to HTML, how will I keep it all in the same HTML file?

Can anyone help me please?

Thanks to anyone who can…