//Vertical Scroller v1.2- by Brian of www.ScriptAsylum.com
//Updated for bug fixes
//Visit JavaScript Kit (http://javascriptkit.com) for script

//ENTER CONTENT TO SCROLL BELOW.
var content='<p><b><font color="blue">LOOK! New classes available!</font></b><br>';
content+='Take a look at the new schedule. You asked for more classes and here they are.  We cannot wait to see you!<br></p>';
content+='<br><br><p><b><font color="blue">See our new facility!</font></b><br>';
content+='We have moved to a larger facility in the same building. Come and experience our program.  Do not miss another day!<br></p>';
content+='<br><br><p><b><font color="blue">Try Us Out!</font></b><br>';
content+='You are always welcome to try our classes at the single class rate. If you decide to sign up, we can apply what you have paid towards a monthly membership!<br></p>';
content+='<br><br><p><b><font color="blue">The Perfect Gift!</font></b><br>';
content+='You know what Yoga has done for you, what could be better than to share those benefits with someone you care about?<br></p>';
content+='<br><br><p><b><font color="blue">Bring Your Friends</font></b><br>';
content+='Get a free month of classes when you bring in a friend and they sign up for classes.<br></p>';
content+='<br><br><p><b><font color="blue">Yoga and Fitness</font></b><br>';
content+='Yoga is a fantastic way to improve your flexibility, melt away stress, and improve your overall outlook on life and fitness!</p>';

var boxheight=250;        // BACKGROUND BOX HEIGHT IN PIXELS.
var boxwidth=150;         // BACKGROUND BOX WIDTH IN PIXELS.
var boxcolor="#FFF6e9";   // BACKGROUND BOX COLOR.
var speed=50;             // SPEED OF SCROLL IN MILLISECONDS (1 SECOND=1000 MILLISECONDS)..
var pixelstep=1;          // PIXELS "STEPS" PER REPITITION.
var godown=false;         // TOP TO BOTTOM=TRUE , BOTTOM TO TOP=FALSE

// DO NOT EDIT BEYOND THIS POINT

var outer,inner,elementheight,ref;
var w3c=(document.getElementById)?true:false;
var ns4=(document.layers)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var txt='';
if(ns4){
    txt+='<table cellpadding=0 cellspacing=0 border=0 height='+boxheight+' width='+boxwidth+'><tr><td>';
    txt+='<ilayer name="ref" bgcolor="'+boxcolor+'" width='+boxwidth+' height='+boxheight+'></ilayer>';
    txt+='</td></tr></table>'
    txt+='<layer name="outer" bgcolor="'+boxcolor+'" visibility="hidden" width='+boxwidth+' height='+boxheight+'>';
    txt+='<layer  name="inner"  width='+(boxwidth-4)+' height='+(boxheight-4)+' visibility="hidden" left="2" top="2" >'+content+'</layer>';
    txt+='</layer>';
}
else{
    txt+='<div id="ref" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; background-color:'+boxcolor+';" ></div>';
    txt+='<div id="outer" style="position:absolute; width:'+boxwidth+'; height:'+boxheight+'; visibility:hidden; background-color:'+boxcolor+'; overflow:hidden" >';
    txt+='<div id="inner"  style="position:absolute; visibility:visible; left:2px; top:2px; width:'+(boxwidth-4)+'; overflow:hidden; cursor:default;">'+content+'</div>';
    txt+='</div>';
}
document.write(txt);

function getElHeight(el){
    if(ns4)return (el.document.height)? el.document.height : el.clip.bottom-el.clip.top;
    else if(ie4||ie5)return (el.style.height)? el.style.height : el.clientHeight;
    else return (el.style.height)? parseInt(el.style.height):parseInt(el.offsetHeight);
}

function getPageLeft(el){
    var x;
    if(ns4)return el.pageX;
    if(ie4||w3c){
        x = 0;
        while(el.offsetParent!=null){
            x+=el.offsetLeft;
            el=el.offsetParent;
        }
        x+=el.offsetLeft;
        return x;
    }
}

function getPageTop(el){
    var y;
    if(ns4)return el.pageY;
    if(ie4||w3c){
        y=0;
        while(el.offsetParent!=null){
            y+=el.offsetTop;
            el=el.offsetParent;
        }
        y+=el.offsetTop;
        return y;
    }
}

function scrollbox(){
    if(ns4){
        inner.top+=(godown)? pixelstep: -pixelstep;
        if(godown){
            if(inner.top>boxheight)inner.top=-elementheight;
        }
        else{
            if(inner.top<2-elementheight)inner.top=boxheight+2;
        }
    }
    else{
        inner.style.top=parseInt(inner.style.top)+((godown)? pixelstep: -pixelstep)+'px';
        if(godown){
            if(parseInt(inner.style.top)>boxheight)inner.style.top=-elementheight+'px';
        }
        else{
            if(parseInt(inner.style.top)<2-elementheight)inner.style.top=boxheight+2+'px';
        }
    }
}

window.onresize=function(){
    if(ns4)setTimeout('history.go(0)', 400);
    else{
        outer.style.left=getPageLeft(ref)+'px';
        outer.style.top=getPageTop(ref)+'px';
    }
}

window.onload=function(){
    outer=(ns4)?document.layers['outer']:(ie4)?document.all['outer']:document.getElementById('outer');
    inner=(ns4)?outer.document.layers['inner']:(ie4)?document.all['inner']:document.getElementById('inner');
    ref=(ns4)?document.layers['ref']:(ie4)?document.all['ref']:document.getElementById('ref');
    elementheight=getElHeight(inner);
    if(ns4){
        outer.moveTo(getPageLeft(ref),getPageTop(ref));
        outer.clip.width=boxwidth;
        outer.clip.height=boxheight;
        inner.top=(godown)? -elementheight : boxheight-2;
        inner.clip.width=boxwidth-4;
        inner.clip.height=elementheight;
        outer.visibility="show";
        inner.visibility="show";
    }
    else{
        outer.style.left=getPageLeft(ref)+'px';
        outer.style.top=getPageTop(ref)+'px';
        inner.style.top=((godown)? -elementheight : boxheight)+'px';
        inner.style.clip='rect(0px, '+(boxwidth-4)+'px, '+(elementheight)+'px, 0px)';
        outer.style.visibility="visible";
    }
    setInterval('scrollbox()',speed);
}