/*******************************************
Horizontal Scroller (Marquee Replacement) v-1.2
Brian Gosselin - http://scritpasylum.com

Version info:

V-1.0: Initial release.
V-1.1: Fixed a bug where the content causes parent container
       element to shrink and grow in NS6.
V-1.2: Added selectable support for pausing the scrolling
       when box moused-over.
*******************************************/

//ENTER CONTENT TO SCROLL BELOW.
//var content='';

var boxheight=20;          //BACKGROUND BOX HEIGHT IN PIXELS.
var boxwidth=424;          //BACKGROUND BOX WIDTH IN PIXELS.
var boxheight2=20;         //BACKGROUND BOX HEIGHT IN PIXELS.
//var boxwidth2=10000;         //BACKGROUND BOX WIDTH IN PIXELS.
var boxcolor="";    //BACKGROUND BOX COLOR.
var speed=50;              //SPEED OF SCROLL IN MILLISECONDS (1 SECOND=1000 MILLISECONDS)..
var pixelstep=2;           //PIXELS "STEPS" PER REPITITION.
var goright=false;         //LEFT TO RIGHT=TRUE , RIGHT TO LEFT=FALSE
var pauseOnmouseover=true; //SET TO "true" TO ENABLE PAUSE WHEN MOUSEOVER, "false" TO DISABLE IT.

//** DO NOT EDIT BEYOND THIS POINT **
var outer,inner,ref,elementwidth;
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;
var goscroll=true;

function showScroller() {
	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+'" '+((pauseOnmouseover)? 'onmouseover="goscroll=false" onmouseout="goscroll=true"':'')+'>';
		txt+='<layer name="inner" width="'+boxwidth2+'" height="'+boxheight2+'" visibility="hidden" left="2" top="2" style="color: #5e5e5e; font-size: 10 px; font-family: Verdana,Helvetica;">';
		txt+=content;
		txt+='</layer></layer>';
	}else{
		txt+='<div id="ref" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; visibility:visible; background-color:'+boxcolor+';" '+((pauseOnmouseover)? 'onmouseover="goscroll=false" onmouseout="goscroll=true"':'')+'></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; width:'+boxwidth2+'; height:'+boxheight2+'; color: #5e5e5e; font-size: 10 px; font-family: Verdana,Helvetica; visibility:hidden; left:2px; top:2px; overflow:hidden; cursor:default;" '+((pauseOnmouseover)? 'onmouseover="goscroll=false" onmouseout="goscroll=true"':'')+'>';
		txt+=content;
		txt+='</div></div>';
	}
	document.write(txt);
	txt=0;
}

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 getElWidth(el){
	if(ns4)return (el.document.width)? el.document.width : el.clip.right-el.clip.left;
	else if(ie4||ie5)return (el.style.width)? el.style.width:el.clientWidth;
	else if(w3c)return (el.style.width)?parseInt(el.style.width):parseInt(el.offsetWidth);
	else return -1;
}

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

function scrollbox(){
	if(goscroll){
	if(ns4){
	inner.left+=(goright)? pixelstep: -pixelstep;
	inner.clip.right=(boxwidth-inner.left-2>boxwidth)? boxwidth-2 : boxwidth-inner.left-2;
	inner.clip.left=-inner.left+2;
	if(goright){
	if(inner.left>boxwidth)inner.left=-elementwidth;
	}else{
	if(inner.left<-elementwidth)inner.left=boxwidth+2;
	}}else{
	inner.style.left=parseInt(inner.style.left)+((goright)? pixelstep: -pixelstep)+'px';
	if(goright){
	if(parseInt(inner.style.left)>boxwidth)inner.style.left=-elementwidth+'px';
	}else{
	if(parseInt(inner.style.left)<-elementwidth)inner.style.left=boxwidth+2+'px';
	}}}
}

window.onload=function(){
	ref=(ns4)?document.layers['ref']:(ie4)?document.all['ref']:document.getElementById('ref');
	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');
	//elementwidth=getElWidth(inner);
	elementwidth=boxwidth2;
	if (ns4) {
	outer.clip.width=boxwidth;
	outer.clip.height=boxheight;
	outer.moveTo(getPageLeft(ref),getPageTop(ref));
	inner.left=(goright)? -elementwidth : boxwidth-2;
	inner.clip.width=0
	inner.clip.height=boxheight-4;
	outer.visibility="show";
	inner.visibility="show";
	} else {
	outer.style.left=getPageLeft(ref)+'px';
	outer.style.top=getPageTop(ref)+'px';
	inner.style.width=elementwidth+'px';
	inner.style.left=((goright)? -elementwidth : boxwidth-2)+'px';
	inner.style.visibility="visible";
	}
	setInterval('scrollbox()',speed);
}