Custom BitmapButton class remains invisible!!!

Question

I 've created a class BitmapButton:
package com.myscripts{
    import flash.display.Sprite;
    import flash.events.Event;
    import flash.events.MouseEvent;
    import flash.display.Graphics;
    import flash.display.Bitmap;
    import flash.display.Loader;
    import flash.net.URLRequest;
    public class BitmapButton extends Sprite {
        private var myImage:Bitmap;              
        private var _width:int = 200;
        private var _height:int = 200;
        public function BitmapButton(image:String):void {          
            this.addEventListener(MouseEvent.MOUSE_OVER, hover);
            // entry point
            var imageLoader:Loader = new Loader();
            imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoadComplete);          
            imageLoader.load(new URLRequest(image));          
            //Add useHandCursor, buttonMode, and mouseChildren if required          
            this.useHandCursor = true;
            this.buttonMode = true;
            this.mouseChildren = false;              
        private function imageLoadComplete(event:Event):void {                      
            myImage = new Bitmap(event.target.content.bitmapData.clone());
            myImage.width = _width;//button.width;
            myImage.height = _height;//button.height;
            myImage.x = 0;
            myImage.y = 0;          
            this.addChild(myImage);
            this.width = _width;
            this.height = _height;                          
        private function hover(e:MouseEvent):void {
            this.removeEventListener(MouseEvent.MOUSE_OVER, hover);
            this.addEventListener(MouseEvent.MOUSE_OUT, out);          
            this.alpha=0.7;
        private function out(e:MouseEvent):void {
            this.removeEventListener(MouseEvent.MOUSE_OUT, out);
            this.addEventListener(MouseEvent.MOUSE_OVER, hover);          
            this.alpha=1;
In the main timeline, I use it like this:
stop();
import com.myscripts.BitmapButton;
var bbtnHeight:int =200;
var bbtnwidth:int =200;
// bath button
var bathButton:BitmapButton = new BitmapButton("../customimages/bath.jpg");
addChild(bathButton);
bathButton.width=bbtnHeight;
bathButton.height=bbtnHeight;
bathButton.x=350;
bathButton.y=100;
When I run it in flash IDE, it works fine.
When I run the swf through the Browser, it works fine.
When I run the html (that flash IDE automatically produces) it works fine.
When I run it in my localsite, in an iFrame:
<iframe id="iframebath" width="100%" height="700" src=<?php echo JUri::root()."images/swfs/bath.swf"; ?>  ></iframe>
...it also runs fine...
BUT, when I use it with SWFobject in my (jjomla) local site it doesn't show anything.
It doesn't work!!
The same happens when I use embed code:
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="100%" HEIGHT="700" id="Yourfilename" ALIGN="">
<PARAM NAME=movie VALUE="<?php echo JUri::root().'images/swfs/bath.swf'; ?>">
<PARAM NAME=quality VALUE=high>
<EMBED src="<?php echo JUri::root().'images/swfs/bath.swf'; ?>" quality=high bgcolor=#333399 WIDTH="100%" HEIGHT="700" NAME="<?php echo JUri::root().'images/swfs/bath.swf'; ?>" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>
I think something 's wrong with my class.

Answer 1

Well...finally the problem was in...paths:
The swf is located at : http://localhost/joomla336/swfs
I had put (for image url) the relative path "../images/bath.jpg".
With the absolute path "http://localhost/joomla336/images/bath.jpg"; it works fine!!!
Can't I use relative paths in swf?