var boxcolor="#E0EAF4";   // BACKGROUND BOX COLOR.
var speed=100;             // SPEED OF SCROLL IN MILLISECONDS (1 SECOND=1000 MILLISECONDS)..
var pixelstep=2;          // PIXELS "STEPS" PER REPITITION.
var godown=false;         // TOP TO BOTTOM=TRUE , BOTTOM TO TOP=FALSE
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 ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false;
function prepareScroller(content,scrollDivName,boxwidth,boxheight){
var txt='';
if(ns4){
txt+='<table cellpadding=0 cellspacing=0 border=0 height='+boxheight+'px width='+boxwidth+'px><tr><td>';
txt+='<ilayer name="ref' + scrollDivName + '" bgcolor="'+boxcolor+'" width='+boxwidth+'px height='+boxheight+'px></ilayer>';
txt+='</td></tr></table>'
txt+='<layer name="outer' + scrollDivName + '" bgcolor="'+boxcolor+'" visibility="hidden" width='+boxwidth+'px height='+boxheight+'px>';
txt+='<layer name="inner' + scrollDivName + '" width='+(boxwidth-4)+'px height='+boxheight+'px visibility="hidden" left="2" top="2">'+content+'</layer>';
txt+='</layer>';
}else{
txt+='<div id="ref' + scrollDivName + '" style="position:relative; width:'+boxwidth+'px; height:'+boxheight+'px; background-color:'+boxcolor+';" ></div>';
txt+='<div id="outer' + scrollDivName + '" style="position:absolute; width:'+boxwidth+'px; height:'+boxheight+'px; visibility:hidden; background-color:'+boxcolor+'; overflow:hidden" >';
txt+='<div id="inner' + scrollDivName + '"  style="position:relative; visibility:visible; left:2px; top:2px; width:'+(boxwidth-4)+'px; height:'+boxheight+'px; overflow:visible; cursor:default;">'+content+'</div>';
txt+='</div>';
}
document.write(txt);
initScroll(scrollDivName,boxwidth,boxheight);
}
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 initScroll(scrollDivName,boxwidth,boxheight){
var outer=(ns4)?document.layers['outer' + scrollDivName]:(ie4)?document.all['outer']:document.getElementById('outer' + scrollDivName);
var inner=(ns4)?outer.document.layers['inner' + scrollDivName]:(ie4)?document.all['inner']:document.getElementById('inner' + scrollDivName);
var ref=(ns4)?document.layers['ref' + scrollDivName]:(ie4)?document.all['ref']:document.getElementById('ref' + scrollDivName);
var elementheight=getElHeight(inner);
if(ns4){
outer.moveTo(getPageLeft(ref),getPageTop(ref));
outer.clip.width=boxwidth;
outer.clip.height=boxheight;
inner.top=(godown)? -elementheight : boxheight-pixelstep;
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";
}
var intervalRef = setInterval("scrollText('" + scrollDivName + "', '" + elementheight + "', '" + boxheight + "')", speed);
inner.onmouseover=function(){clearInterval(intervalRef);};
inner.onmouseout=function(){intervalRef = setInterval("scrollText('" + scrollDivName + "', '" + elementheight + "', '" + boxheight + "')", speed);};
}
function scrollText(scrollDivName, elementheight, boxheight){
var outer=(ns4)?document.layers['outer' + scrollDivName]:(ie4)?document.all['outer']:document.getElementById('outer' + scrollDivName);
var inner=(ns4)?outer.document.layers['inner' + scrollDivName]:(ie4)?document.all['inner']:document.getElementById('inner' + scrollDivName);
var ref=(ns4)?document.layers['ref' + scrollDivName]:(ie4)?document.all['ref']:document.getElementById('ref' + scrollDivName);
if(ns4){
outer.moveTo(getPageLeft(ref),getPageTop(ref));
inner.top+=(godown)? pixelstep: -pixelstep;
if(godown){
if(inner.top>boxheight)inner.top=-elementheight;
}else{
if(inner.top<2-elementheight)inner.top=boxheight+pixelstep;
}}else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
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)<parseInt(pixelstep)-parseInt(elementheight))inner.style.top=(parseInt(boxheight)+parseInt(pixelstep))+'px';
}}
}