//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 boxheightscroll=135;        // BACKGROUND BOX HEIGHT IN PIXELS.
var boxwidthscroll=250;         // BACKGROUND BOX WIDTH IN PIXELS.
var boxcolorscroll="#e1f3f5";   // BACKGROUND BOX COLOR.
var speedscroll=75;             // SPEED OF SCROLL IN MILLISECONDS (1 SECOND=1000 MILLISECONDS)..
var pixelstepscroll=2;          // PIXELS "STEPS" PER REPITITION.
var godown=false;         // TOP TO BOTTOM=TRUE , BOTTOM TO TOP=FALSE
var pausado=false;

// DO NOT EDIT BEYOND THIS POINT

var outerscroll,innerscroll,elementheightscroll,refscroll,refXscroll,refYscroll;
var w3cscroll=(document.getElementById)?true:false;
var ns4scroll=(document.layers)?true:false;
var ie4scroll=(document.all && !w3cscroll)?true:false;
var ie5scroll=(document.all && w3cscroll)?true:false;
var ns6scroll=(w3cscroll && navigator.appName.indexOf("Netscape")>=0)?true:false;
var txtscroll='';
if(ns4scroll){
txtscroll+='<table cellpadding=0 cellspacing=0 border=0 height='+boxheightscroll+' width='+boxwidthscroll+'><tr><td>';
txtscroll+='<ilayer name="refscroll" bgcolor="'+boxcolorscroll+'" width='+boxwidthscroll+' height='+boxheightscroll+'></ilayer>';
txtscroll+='</td></tr></table>'
txtscroll+='<layer name="outerscroll" bgcolor="'+boxcolorscroll+'" visibility="hidden" width='+boxwidthscroll+' height='+boxheightscroll+'>';
txtscroll+='<layer  name="innerscroll"  width='+(boxwidthscroll-4)+' height='+(boxheightscroll-4)+' visibility="hidden" left="2" top="2" >'+content_rollon+'</layer>';
txtscroll+='</layer>';
}else{
txtscroll+='<div id="refscroll" style="position:relative; width:'+boxwidthscroll+'; height:'+boxheightscroll+'; background-color:'+boxcolorscroll+';" ></div>';
txtscroll+='<div id="outerscroll" style="position:absolute; width:'+boxwidthscroll+'; height:'+boxheightscroll+'; visibility:hidden; background-color:'+boxcolorscroll+'; overflow:hidden" >';
txtscroll+='<div id="innerscroll"  style="position:absolute; visibility:visible; left:2px; top:2px; width:'+(boxwidthscroll-4)+'; overflow:hidden; cursor:default;" onMouseover="javascript:pausado=true;" onMouseout="pausado=false;scrollbox();">'+content_rollon+'</div>';
txtscroll+='</div>';
}
//document.write(txt);

function getElHeight(el){
if(ns4scroll)return (el.document.height)? el.document.height : el.clip.bottom-el.clip.top;
else if(ie4scroll||ie5scroll)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(ns4scroll)return el.pageX;
if(ie4scroll||w3cscroll){
x = 0;
while(el.offsetParent!=null){
x+=el.offsetLeft;
el=el.offsetParent;
}
x+=el.offsetLeft;
return x;
}}

function getPageTop(el){
var y;
if(ns4scroll)return el.pageY;
if(ie4scroll||w3cscroll){
y=0;
while(el.offsetParent!=null){
y+=el.offsetTop;
el=el.offsetParent;
}
y+=el.offsetTop;
return y;
}}

function scrollbox(){
if (pausado==true) return;
if(ns4scroll){
	innerscroll.top+=(godown)? pixelstepscroll: -pixelstepscroll;
	if(godown){
			if(innerscroll.top>boxheightscroll)innerscroll.top=-elementheightscroll;
			}
			else
			{
			if(innerscroll.top<2-elementheightscroll)innerscroll.top=boxheightscroll+2;
			}
		}
		else
		{
		innerscroll.style.top=parseInt(innerscroll.style.top)+((godown)? pixelstepscroll: -pixelstepscroll)+'px';
		if(godown){
			if(parseInt(innerscroll.style.top)>boxheightscroll)innerscroll.style.top=-elementheightscroll+'px';
			}
			else
			{
			if(parseInt(innerscroll.style.top)<2-elementheightscroll)innerscroll.style.top=boxheightscroll+2+'px';
			}
		}
}

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

window.onload=function(){
outerscroll=(ns4scroll)?document.layers['outerscroll']:(ie4scroll)?document.all['outerscroll']:document.getElementById('outerscroll');
innerscroll=(ns4scroll)?outerscroll.document.layers['innerscroll']:(ie4scroll)?document.all['innerscroll']:document.getElementById('innerscroll');
refscroll=(ns4scroll)?document.layers['refscroll']:(ie4scroll)?document.all['refscroll']:document.getElementById('refscroll');
elementheightscroll=getElHeight(innerscroll);
if(ns4scroll){
outerscroll.moveTo(getPageLeft(refscroll),getPageTop(refscroll));
outerscroll.clip.width=boxwidthscroll;
outerscroll.clip.height=boxheightscroll;
innerscroll.top=(godown)? -elementheightscroll : boxheightscroll-2;
innerscroll.clip.width=boxwidthscroll-4;
innerscroll.clip.height=elementheightscroll;
outerscroll.visibility="show";
innerscroll.visibility="show";
}else{
outerscroll.style.left=getPageLeft(refscroll)+'px';
outerscroll.style.top=getPageTop(refscroll)+'px';
innerscroll.style.top=((godown)? -elementheightscroll : boxheightscroll)+'px';
innerscroll.style.clip='rect(0px, '+(boxwidthscroll-4)+'px, '+(elementheightscroll)+'px, 0px)';
outerscroll.style.visibility="visible";
}
setInterval('scrollbox()',speedscroll);
}