/************************************************************************************

 * News Scroller by http://www.JavaScript-fx.com

 * You may use this script on any page as long as this comment

 * Is not removed from the script.

 ************************************************************************************/

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



if(!window.JSFX)

        JSFX=new Object();



JSFX.layerNo=0; 

/**********************************************************************************/

JSFX.createLayer = function(htmlStr, parent)

{

        //Declare all variables first

        var elem = null;

        var xName;

        var txt;



         if(document.layers) 

        {

                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;



                xName = "xLayer" + JSFX.layerNo++; 

                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;



                xName="xLayer" + JSFX.layerNo++;

                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); }



/**********************************************************************************/

/*** 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; }



/**********************************************************************************/

/*** 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"; }

}

/**********************************************************************************/

/*** 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;

        }

/**********************************************************************************/

/*** 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+'%' }

}

/**********************************************************************************/

JSFX.Layer.prototype.getPageX                = function(el)         

{ 

        if(el == null) 

                el = this.elem;

        return el.offsetLeft + (el.offsetParent ? this.getPageX(el.offsetParent) : 0);

}

JSFX.Layer.prototype.getPageY                = function(el)         

{ 

        if(el == null) 

                el = this.elem;

        return el.offsetTop + (el.offsetParent ? this.getPageY(el.offsetParent) : 0);

}

if(ns4)

{

        JSFX.Layer.prototype.getPageX         = function()         { return this.elem.pageX; }

        JSFX.Layer.prototype.getPageY         = function()         { return this.elem.pageY; }

}

/*************************************************************************************/ 

JSFX.VerticalScroller = function()

{

        this.isMessageScroller=true;

        this.sx                 = 0;

        this.sy                 = 0;

        this.w                 = 100;

        this.h                 = 100;

        this.op                = 0;

        this.outerLayer         = null;

        this.scrollLayer         = null;

        this.bgColor         = null;

        this.bgImage        = null;

        this.theStyleStr  = null;

        this.messages         = new Array();

        this.currMessage         = -1;

        this.step                 = 2;

        this.id                 = "JSFXScroll" + JSFX.VerticalScroller.no++;

        this.holder         = this.id + "_h";

        this.content         = this.id + "_c";

        this.showTime        = 1000;



        this.animateIn        = this.animateIn_StartScrollUp;

        this.animateOut        = this.animateOut_FadeDown;

        this.animate         = this.animateIn;



        window[this.id]        = this;

}

JSFX.VerticalScroller.no = 0;

JSFX.VerticalScroller.prototype.setAnimation = function(inAni, outAni)

{

        if(inAni == 0)

                this.animateIn        = this.animateIn_StartScrollUp;

        else if (inAni == 1)

                this.animateIn        = this.animateIn_StartScrollDown;

        else

                this.animateIn        = this.animateIn_StartFadeUp;

        

        if(outAni == 0)

                this.animateOut        = this.animateOut_ScrollUp;

        else if (outAni == 1)

                this.animateOut        = this.animateOut_ScrollDown;

        else

                this.animateOut        = this.animateOut_FadeDown;



        this.animate         = this.animateIn;

}



JSFX.VerticalScroller.prototype.toHtml = function(width, height)

{

        this.w = width;

        this.h = height;

        var str = "";

        if(ns4)

        {

                str =    '<ILAYER WIDTH="'+width+'" HEIGHT="'+height+'" NAME="'+this.holder+'">'

                        +  '<LAYER  WIDTH="'+width+'" HEIGHT="'+height+'" NAME="'+this.content+'">'

                        +  '</LAYER></ILAYER>';

        }

        else

        {

                str =   '<div style="overflow:hidden;   width:'+width+';height:'+height+';" id="'+this.holder+'">'

                        + '<div style="position:relative; width:'+width+';height:'+height+'; filter:alpha(opacity=0); -moz-opacity:0%;" id="'+this.content+'">'

                        + '</div></div>';

        }



        return str;

}

JSFX.VerticalScroller.prototype.setShowTime = function(theInterval)

{

        this.showTime = theInterval * 1000;

}

JSFX.VerticalScroller.prototype.setBgColor = function(color)

{

        this.bgColor = color;

        if(this.outerLayer != null)

                this.outerLayer.setBgColor(color);

}

JSFX.VerticalScroller.prototype.setBgImage = function(theImage)

{

        this.bgImage = theImage;

        if(this.outerLayer != null)

                this.outerLayer.setBgImage(theImage);

}

JSFX.VerticalScroller.prototype.setStyle = function(theStyleStr)

{

        this.styleStr = theStyleStr;

}

JSFX.VerticalScroller.prototype.addMessage = function(message)

{

        if(!this.isMessageScroller)

        {

                alert("Cannot add messages to a 'Div Scroller'");

                return;

        }

        this.messages[this.messages.length] = message;

}

JSFX.VerticalScroller.prototype.addDiv = function(message)

{

        if(this.isMessageScroller && this.messages.length >0)

        {

                alert("Cannot add Divs to a 'Message Scroller'");

                return;

        }

        this.isMessageScroller = false;

        this.messages[this.messages.length] = message;

}

JSFX.VerticalScroller.prototype.start = function()

{

        //Initialise the DIV/Layer if not already done so

        if(this.scrollLayer == null)

        {

                this.outerLayer  = new JSFX.Layer(JSFX.findLayer(this.holder));

                this.scrollLayer = new JSFX.Layer(JSFX.findLayer(this.content));

                if(this.bgImage != null)

                        this.outerLayer.setBgImage(this.bgImage);

                else if(this.bgColor != null)

                        this.outerLayer.setBgColor(this.bgColor);

        }

        this.animate();

}

JSFX.VerticalScroller.prototype.moveContent = function(x, y)

{

        var px=0;

        var py=0;

        if(! this.isMessageScroller)

        {

                px=this.outerLayer.getPageX();

                py=this.outerLayer.getPageY();

        }



        this.scrollLayer.moveTo(px + x, py + y);

        if(! this.isMessageScroller)

        {

                if(this.sy > 0)

                        this.scrollLayer.clip(0,0,this.w, this.h - this.sy);

                else

                        this.scrollLayer.clip(0, -this.sy,this.w, this.h);

        }





}

JSFX.VerticalScroller.prototype.setNextMessage = function(x, y, o)

{

        this.currMessage = (this.currMessage + 1) % this.messages.length;



        this.sx=x;

        this.sy=y;

        this.op=o;



        this.scrollLayer.hide();

        if(this.isMessageScroller)

        {

                var str = "";



                if(this.styleStr != null)

                        str += '<span style="'+this.styleStr+'">';



                str += this.messages[this.currMessage];



                if(this.styleStr != null)

                        str += '</span>';



                this.scrollLayer.setContent(str);

        }

        else

        {

                this.scrollLayer = new JSFX.Layer(JSFX.findLayer(this.messages[this.currMessage]));

        }

        this.moveContent(this.sx, this.sy);

        this.scrollLayer.setOpacity(this.op);

        this.scrollLayer.show();

}



JSFX.VerticalScroller.prototype.animateIn_StartScrollUp = function()

{

        this.setNextMessage(0, this.h, 100);

        this.animate = this.animateIn_ScrollUp

        this.setTimeout("animate()", 40);

}



JSFX.VerticalScroller.prototype.animateIn_ScrollUp = function()

{

        this.sy -= this.step;

        this.moveContent(this.sx, this.sy);

        if(this.sy <= 0)

        {

                this.animate=this.animateOut;

                this.setTimeout("animate()", this.showTime);

        }

        else

                this.setTimeout("animate()", 40);

}

JSFX.VerticalScroller.prototype.animateIn_StartScrollDown = function()

{

        this.setNextMessage(0, -this.h, 100);

        this.animate = this.animateIn_ScrollDown

        this.setTimeout("animate()", 40);

}

JSFX.VerticalScroller.prototype.animateIn_ScrollDown = function()

{

        this.sy += this.step;

        this.moveContent(this.sx, this.sy);

        if(this.sy >= 0)

        {

                this.animate=this.animateOut;

                this.setTimeout("animate()", this.showTime);

        }

        else

                this.setTimeout("animate()", 40);

}



JSFX.VerticalScroller.prototype.animateIn_StartFadeUp = function()

{

        this.setNextMessage(0, 0, 0);

        this.animate = this.animateIn_FadeUp

        this.setTimeout("animate()", 40);

}

JSFX.VerticalScroller.prototype.animateIn_FadeUp = function()

{

        this.op += 10;

        this.scrollLayer.setOpacity(this.op);

        if(this.op == 100)

        {

                this.animate = this.animateOut;

                this.setTimeout("animate()", this.showTime);

        }

        else

                this.setTimeout("animate()", 40);

}

JSFX.VerticalScroller.prototype.animateOut_ScrollUp = function()

{

        this.sy -= this.step;

        this.moveContent(this.sx, this.sy);



        if(this.sy <= -this.h)

                this.animate=this.animateIn;



        this.setTimeout("animate()", 40);

}



JSFX.VerticalScroller.prototype.animateOut_ScrollDown = function()

{

        this.sy += this.step;

        this.moveContent(this.sx, this.sy);



        if(this.sy >= this.h)

                this.animate=this.animateIn;



        this.setTimeout("animate()", 40);

}



JSFX.VerticalScroller.prototype.animateOut_FadeDown = function()

{

        this.op -= 10;

        this.scrollLayer.setOpacity(this.op);

        this.moveContent(this.sx, this.sy);



        if(this.op == 0)

                this.animate = this.animateIn;



        this.setTimeout("animate()", 40);

}



JSFX.VerticalScroller.prototype.setTimeout = function(f, t) 

{

        setTimeout("window."+this.id+"."+f, t);

}



/*** If no other script has added it yet, add the ns resize fix ***/

if(navigator.appName.indexOf("Netscape") != -1 && !document.getElementById)

{

        if(!JSFX.ns_resize)

        {

                JSFX.ow = outerWidth;

                JSFX.oh = outerHeight;

                JSFX.ns_resize = function()

                {

                        if(outerWidth != JSFX.ow || outerHeight != JSFX.oh )

                                location.reload();

                }

        }

        window.onresize=JSFX.ns_resize;

}

/************************************************************************************/

        var myScroller = new JSFX.VerticalScroller();



        myScroller.setStyle("font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#333300");

        myScroller.setBgColor("#ffffff");

		myScroller.setShowTime(10);

        myScroller.setAnimation(0,2);

        

myScroller.addMessage("<CENTER><b><font color=FF3300>SPECIAL!!!</font></b><br><br>Sign up with two friends and each receive $20 off the full price!<br><br>Sign up with three friends and you get <b>50%</b> off while your friends each receive $20 off the full price!</CENTER>");
myScroller.addMessage("<CENTER><b><font color=FF3300>COME AND TRY A FREE SESSION!</font></b><br><br>Not sure if XDrill Challenge is for you?<br><br>Contact Lucia on <br>0411 020 489<br>to organise a FREE session.</CENTER>");
myScroller.addMessage("<CENTER><b><font color=FF3300>Late Morning/Lunchtime Sessions?</font></b><br><br>Are you interested in late morning or lunchtime sessions?<br><br><a href='contact.htm'>Contact us</a> to register your interest.</CENTER>");


/************************************************************************************/

function JSFX_StartEffects()

{

        myScroller.start();

}



/*

To cutomize

==================

1) Adding your own messages

--------------------------------

myScroller.addMessage("This is my message");

with HTML formatting

myScroller.addMessage("This is <b>Bold Text</b>");

with Quotes in the message

myScroller.addMessage("This is a \" quoted \" message");



2)Changing font size/colors

--------------------------

myScroller.setStyle("font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#000000");



3) Changing background color

-----------------------------

myScroller.setBgColor("#777777");

where #777777 is any valid color



or changing background image

myScroller.setBgImage("http://www.myhost.com/images/myimage.jpg");



4)Changing the time the message is displayed

------------------------------------------

myScroller.setShowTime(5);

sets the time the message stays visible to 5 seconds



5) Changing the news animation

-----------------------------------

myScroller.setAnimation(1,2);

the first number is the "in" animation

the second numver is the "out" animation

0 = Scroll Up

1 = Scroll Down

2 = Fading 

*/