var ns4 = (navigator.appName.indexOf("Netscape") != -1 && !document.getElementById);

if(!window.JSFX)
        JSFX=new Object();

JSFX.layerNo=0; 
/**********************************************************************************/
JSFX.createLayer = function(htmlStr, parent)
{
        var elem = null;

         if(document.layers) 
        {
                var xName="xLayer" + JSFX.layerNo++;
                if(parent == null)
                        elem=new Layer(2000);
                else
                        elem=new Layer(2000, parent.elem);
 
                elem.document.open(); 
                elem.document.write(htmlStr); 
                elem.document.close(); 
                elem.moveTo(0,0);
                elem.innerHTML = htmlStr;
        }
        else 
        if(document.all) 
        {
                if(parent == null)
                        parent=document.body;
                else
                        parent=parent.elem;

                var xName = "xLayer" + JSFX.layerNo++; 
                var txt = '<DIV ID="' + xName + '"'
                        + ' STYLE="position:absolute;left:0;top:0;visibility:hidden">' 
                        + htmlStr 
                        + '</DIV>'; 

                        parent.insertAdjacentHTML("BeforeEnd",txt); 

                elem = document.all[xName]; 
        } 
        else 
        if (document.getElementById)
        {
                if(parent == null)
                        parent=document.body;
                else
                        parent=parent.elem;

                var xName="xLayer" + JSFX.layerNo++;
                var txt = ""
                        + "position:absolute;left:0px;top:0px;visibility:hidden";

                var newRange = document.createRange();

                elem = document.createElement("DIV");
                elem.setAttribute("style",txt);
                elem.setAttribute("id", xName);

                parent.appendChild(elem);

                newRange.setStartBefore(elem);
                strFrag = newRange.createContextualFragment(htmlStr);        
                elem.appendChild(strFrag);
        }

        return elem;
}
/**********************************************************************************/
JSFX.Layer = function(newLayer, parent) 
{
        if(!newLayer)
                return;

        if(typeof newLayer == "string")
                this.elem = JSFX.createLayer(newLayer, parent);
        else
                this.elem=newLayer;

        if(document.layers)
        {
                this.images                = this.elem.document.images; 
                this.parent                = parent;
                this.style                = this.elem;
                if(parent != null)
                        this.style.visibility = "inherit";
         } 
        else 
        {
                this.images  = document.images; 
                this.parent         = parent;
                this.style   = this.elem.style; 
        } 
        window[this.elem.id]=this;        //save a reference to this
} 
/**********************************************************************************/
JSFX.findLayer = function(theDiv, d)
{
        if(document.layers)
        {
                var i;
                if(d==null) d = document;
                var theLayer = d.layers[theDiv];
                if(theLayer != null)
                        return(theLayer);
                else
                        for(i=0 ; i<d.layers.length ; i++)
                        {
                                theLayer = JSFX.findLayer(theDiv, d.layers[i].document);
                                if(theLayer != null)
                                        return(theLayer);
                        }
                return("Undefined....");
        }
        else 
        if(document.all)
                return(document.all[theDiv]);
        else 
        if(document.getElementById)
                return(document.getElementById(theDiv));
        else
                return("Undefined.....");
}

/**********************************************************************************/
/*** moveTo (x,y) ***/
JSFX.Layer.prototype.moveTo = function(x,y)
{
        this.style.left = x+"px";
        this.style.top = y+"px";
}
if(ns4)
        JSFX.Layer.prototype.moveTo = function(x,y) { this.elem.moveTo(x,y); }
/**********************************************************************************/
/*** show()/hide() Visibility ***/
JSFX.Layer.prototype.show                = function()         { this.style.visibility = "visible"; } 
JSFX.Layer.prototype.hide                = function()         { this.style.visibility = "hidden"; } 
JSFX.Layer.prototype.isVisible        = function()        { return this.style.visibility == "visible"; } 
if(ns4)
{
        JSFX.Layer.prototype.show                = function()         { this.style.visibility = "show"; }
        JSFX.Layer.prototype.hide                 = function()         { this.style.visibility = "hide"; }
        JSFX.Layer.prototype.isVisible         = function()         { return this.style.visibility == "show"; }
}
/**********************************************************************************/
/*** zIndex ***/
JSFX.Layer.prototype.setzIndex        = function(z)        { this.style.zIndex = z; } 
JSFX.Layer.prototype.getzIndex        = function()        { return this.style.zIndex; }
/**********************************************************************************/
/*** ForeGround (text) Color ***/
JSFX.Layer.prototype.setColor        = function(c){this.style.color=c;}
if(ns4)
        JSFX.Layer.prototype.setColor        = function(c)
        {
                this.elem.document.write("<FONT COLOR='"+c+"'>"+this.elem.innerHTML+"</FONT>");
                this.elem.document.close();
        }
/**********************************************************************************/
/*** BackGround Color ***/
JSFX.Layer.prototype.setBgColor        = function(color) { this.style.backgroundColor = color==null?'transparent':color; } 
if(ns4)
        JSFX.Layer.prototype.setBgColor         = function(color) { this.elem.bgColor = color; }
/**********************************************************************************/
/*** BackGround Image ***/
JSFX.Layer.prototype.setBgImage        = function(image) { this.style.backgroundImage = "url("+image+")"; }
if(ns4)
        JSFX.Layer.prototype.setBgImage         = function(image) { this.style.background.src = image; }
/**********************************************************************************/
/*** set Content***/
JSFX.Layer.prototype.setContent   = function(xHtml)        { this.elem.innerHTML=xHtml; } 
if(ns4)
        JSFX.Layer.prototype.setContent   = function(xHtml)
        {
                this.elem.document.write(xHtml);
                this.elem.document.close();
                this.elem.innerHTML = xHtml;
        }

/**********************************************************************************/
/*** Clipping ***/
JSFX.Layer.prototype.clip = function(x1,y1, x2,y2){ this.style.clip="rect("+y1+" "+x2+" "+y2+" "+x1+")"; }
if(ns4)
        JSFX.Layer.prototype.clip = function(x1,y1, x2,y2)
        {
                this.style.clip.top        =y1;
                this.style.clip.left        =x1;
                this.style.clip.bottom        =y2;
                this.style.clip.right        =x2;
        }
/**********************************************************************************/
/*** Resize ***/
JSFX.Layer.prototype.resizeTo = function(w,h)
{ 
        this.style.width        =w + "px";
        this.style.height        =h + "px";
}
if(ns4)
        JSFX.Layer.prototype.resizeTo = function(w,h)
        {
                this.style.clip.width        =w;
                this.style.clip.height        =h;
        }
/**********************************************************************************/
/*** getX/Y ***/
JSFX.Layer.prototype.getX        = function()         { return parseInt(this.style.left); }
JSFX.Layer.prototype.getY        = function()         { return parseInt(this.style.top); }
if(ns4)
{
        JSFX.Layer.prototype.getX        = function()         { return this.style.left; }
        JSFX.Layer.prototype.getY        = function()         { return this.style.top; }
}
/**********************************************************************************/
/*** getWidth/Height ***/
JSFX.Layer.prototype.getWidth                = function()         { return this.elem.offsetWidth; }
JSFX.Layer.prototype.getHeight        = function()         { return this.elem.offsetHeight; }
if(!document.getElementById)
        JSFX.Layer.prototype.getWidth                = function()
         { 
                //Extra processing here for clip
                return this.elem.scrollWidth;
        }

if(ns4)
{
        JSFX.Layer.prototype.getWidth                = function()         { return this.style.clip.right; }
        JSFX.Layer.prototype.getHeight        = function()         { return this.style.clip.bottom; }
}
/**********************************************************************************/
/*** Opacity ***/
if(ns4)
{
        JSFX.Layer.prototype.setOpacity = function(pc) {return 0;}
}
else if(document.all)
{
        JSFX.Layer.prototype.setOpacity = function(pc)
        {
                if(this.style.filter=="")
                        this.style.filter="alpha(opacity=100);";
                this.elem.filters.alpha.opacity=pc;
        }
}
else
{
/*** Assume NS6 ***/
        JSFX.Layer.prototype.setOpacity = function(pc){        this.style.MozOpacity=pc+'%' }
}
/**************************************************************************/
/*** Event Handling - Start ***/
/*** NS4 ***/
if(ns4)
{
        JSFX.eventmasks = {
              onabort:Event.ABORT, onblur:Event.BLUR, onchange:Event.CHANGE,
              onclick:Event.CLICK, ondblclick:Event.DBLCLICK, 
              ondragdrop:Event.DRAGDROP, onerror:Event.ERROR, 
              onfocus:Event.FOCUS, onkeydown:Event.KEYDOWN,
              onkeypress:Event.KEYPRESS, onkeyup:Event.KEYUP, onload:Event.LOAD,
              onmousedown:Event.MOUSEDOWN, onmousemove:Event.MOUSEMOVE, 
              onmouseout:Event.MOUSEOUT, onmouseover:Event.MOUSEOVER, 
              onmouseup:Event.MOUSEUP, onmove:Event.MOVE, onreset:Event.RESET,
              onresize:Event.RESIZE, onselect:Event.SELECT, onsubmit:Event.SUBMIT,
              onunload:Event.UNLOAD
        };
        JSFX.Layer.prototype.addEventHandler = function(eventname, handler) 
        {
          this.elem.captureEvents(JSFX.eventmasks[eventname]);
          var xl = this;
              this.elem[eventname] = function(event) { 
                event.clientX        = event.pageX;
                event.clientY        = event.pageY;
                event.button        = event.which;
                event.keyCode        = event.which;
                event.altKey        =((event.modifiers & Event.ALT_MASK) != 0);
                event.ctrlKey        =((event.modifiers & Event.CONTROL_MASK) != 0);
                event.shiftKey        =((event.modifiers & Event.SHIFT_MASK) != 0);
            return handler(xl, event);
        }
        }
        JSFX.Layer.prototype.removeEventHandler = function(eventName) 
        {
                this.elem.releaseEvents(JSFX.eventmasks[eventName]);
                delete this.elem[eventName];
        }
}
/**************************************************************************/
/** IE 4/5+***/
else
if(document.all)
{
        JSFX.Layer.prototype.addEventHandler = function(eventName, handler) 
        {
                var xl = this;
                this.elem[eventName] = function() 
                { 
                    var e = window.event;
                    e.cancelBubble = true;
                        if(document.getElementById)
                        {
                                e.layerX = e.offsetX;
                                e.layerY = e.offsetY;
                        }
                        else
                        {
                                /*** Work around for IE 4 : clone window.event ***/
                                ev = new Object();
                                for(i in e)
                                        ev[i] = e[i];
                                ev.layerX        = e.offsetX;
                                ev.layerY        = e.offsetY;
                                e = ev;
                        }

                    return handler(xl, e); 
                }
        }
        JSFX.Layer.prototype.removeEventHandler = function(eventName) 
        {
                this.elem[eventName] = null;
        }
}
/**************************************************************************/
/*** Assume NS6 ***/
else
{
        JSFX.Layer.prototype.addEventHandler = function(eventName, handler) 
        {
                var xl = this;
                this.elem[eventName] = function(e) 
                { 
                    e.cancelBubble = true;
                    return handler(xl, e);
                }
        }
        JSFX.Layer.prototype.removeEventHandler = function(eventName) 
        {
                this.elem[eventName] = null;
        }
}
/*** Event Handling - End ***/
/**************************************************************************/
JSFX.Layer.prototype.setTimeout = function(f, t) 
{
        setTimeout("window."+this.elem.id+"."+f, t);
}
if(!window.JSFX)
        JSFX=new Object();

if(!JSFX.Browser)
        JSFX.Browser = new Object();

if(navigator.appName.indexOf("Netscape") != -1)
{
        JSFX.Browser.getCanvasWidth        = function() {return innerWidth;}
        JSFX.Browser.getCanvasHeight        = function() {return innerHeight;}
        JSFX.Browser.getWindowWidth         = function() {return outerWidth;}
        JSFX.Browser.getWindowHeight        = function() {return outerHeight;}
        JSFX.Browser.getScreenWidth         = function() {return screen.width;}
        JSFX.Browser.getScreenHeight        = function() {return screen.height;}
        JSFX.Browser.getMinX                = function() {return(pageXOffset);}
        JSFX.Browser.getMinY                = function() {return(pageYOffset);}
        JSFX.Browser.getMaxX                = function() {return(pageXOffset+innerWidth);}
        JSFX.Browser.getMaxY                = function() {return(pageYOffset+innerHeight);}

}
else         if(document.all)         {
        JSFX.Browser.getCanvasWidth        = function() {return document.body.clientWidth;}
        JSFX.Browser.getCanvasHeight        = function() {return document.body.clientHeight;}
        JSFX.Browser.getWindowWidth         = function() {return document.body.clientWidth;}
        JSFX.Browser.getWindowHeight        = function() {return document.body.clientHeight;}
        JSFX.Browser.getScreenWidth        = function() {return screen.width;}
        JSFX.Browser.getScreenHeight        = function() {return screen.height;}
        JSFX.Browser.getMinX                = function() {return(document.body.scrollLeft);}
        JSFX.Browser.getMinY                = function() {return(document.body.scrollTop);}
        JSFX.Browser.getMaxX                = function() {
                return(document.body.scrollLeft
                        +document.body.clientWidth);
        }
        JSFX.Browser.getMaxY                = function() {
                        return(document.body.scrollTop
                                +document.body.clientHeight);
        }
} 
JSFX.FallingSprite = function(theHtml)
{
        //Call the superclass constructor
        this.superC        = JSFX.Layer;
        this.superC(theHtml);

        this.x = Math.random() * (JSFX.Browser.getMaxX()-40);
        this.y = -40;
        this.dx = Math.random() * 4 - 2;
        this.dy = Math.random() * 6 + 2;
        this.ang = 0;
        this.angStep = .2;
        this.amp = 10;
        this.state = "FALL";

        this.moveTo(this.x,this.y);
        this.show();
}
JSFX.FallingSprite.prototype = new JSFX.Layer;

JSFX.FallingSprite.prototype.animate = function()
{
        if(this.state == "OFF")
                return;

        this.x += this.dx;
        this.y += this.dy;
        this.ang += this.angStep;

        this.moveTo(this.x + this.amp*Math.sin(this.ang), this.y);

        if( (this.x > JSFX.Browser.getMaxX()-55)
         || (this.x < JSFX.Browser.getMinX()-0)
         || (this.y > 210)
         || (this.y > JSFX.Browser.getMaxY()-40) )
        {
                if(this.state == "STOPPING")
                {
                        this.moveTo(-100,-100);
                        this.hide();
                        this.state = "OFF";
                }
                else
                {
                        this.x = Math.random() * (JSFX.Browser.getMaxX()-40);
                        this.y = JSFX.Browser.getMinY()-40;
                        this.dx = Math.random() * 4 - 2;
                        this.dy = Math.random() * 4 + 2;
                        this.ang = 0;
                }
        }
}
/*** Class FallingObj extends Object ***/
JSFX.FallingObj = function(numSprites, theImage, stopTime)
{
        this.id = "JSFX_FallingObj_"+JSFX.FallingObj.count++;
        this.sprites = new Array();
        for(i=0 ; i<numSprites; i++)
        {
                this.sprites[i]=new JSFX.FallingSprite(theImage);
        }
        window[this.id]=this;
        this.animate();

        if(stopTime)
                setTimeout("window."+this.id+".stop()", stopTime*1000);

}
JSFX.FallingObj.count = 0;

JSFX.FallingObj.prototype.stop = function()
{
        for(i=0 ; i<this.sprites.length ; i++)
                this.sprites[i].state = "STOPPING";
}

JSFX.FallingObj.prototype.animate = function()
{
        setTimeout("window."+this.id+".animate()", 40);

        for(i=0 ; i<this.sprites.length ; i++)
                this.sprites[i].animate();

}
/*** END Class FallingObj ***/

/*
 * Class Falling extends Object (Static method for creating "Falling" objects
 */
Falling = function(n, theImage, stopTime)
{
        myFalling = new JSFX.FallingObj(n, theImage, stopTime);

        return myFalling;
}