var iSlideSpeed = 1;
var clipbot = 249;
var timer1, timer2;
var top = 1;
var lef = 0;
var rigt = 456;
var iTotalStrokes = 0;
var iPointerMovement = 0;
var iDochight = 0;
var iScrollerHeight = 0;
var iScrollTop = 11;
var iScrollBottom = 220;
var iTotalScrollHeight = 0;
var iCurrentStroke;

function init()
{
	if (document.layers)
	{
		iCurrentStroke = 0;
		iDochight = document.layers['display'].document.layers['display1'].document.height;
		iScrollerHeight = 220;
		
		iTotalScrollHeight = iDochight - iScrollerHeight;
		iTotalStrokes = Math.round(iTotalScrollHeight/iSlideSpeed);
		iPointerMovement = iScrollerHeight/iTotalStrokes;
		
		document.layers['display'].document.layers['toparrow'].onmouseover = function(){scrollup("1",iCurrentStroke);};
		document.layers['display'].document.layers['botarrow'].onmouseover = function(){scrolldn("1",iCurrentStroke);};
		
		document.layers['display'].document.layers['toparrow'].onmouseout = function(){scrollup("-1",iCurrentStroke);};
		document.layers['display'].document.layers['botarrow'].onmouseout = function(){scrolldn("-1",iCurrentStroke);};
	}

	if (document.all)
	{
		iCurrentStroke = 0;
		iDochight = display1.offsetHeight;
		iScrollerHeight = 220;
		
		iTotalScrollHeight = iDochight - iScrollerHeight;
		iTotalStrokes = Math.round(iTotalScrollHeight/iSlideSpeed);
		iPointerMovement = iScrollerHeight/iTotalStrokes;
		
		document.all['toparrow'].onmouseover = function(){scrollup("1",iCurrentStroke);};
		document.all['botarrow'].onmouseover = function(){scrolldn("1",iCurrentStroke);};

		document.all['toparrow'].onmouseout = function(){scrollup("-1",iCurrentStroke);};
		document.all['botarrow'].onmouseout = function(){scrolldn("-1",iCurrentStroke);};
	}
}


function scrolldn(dir,obj)
{
	if (document.layers)
	{
		if (dir == "1")
		{
			if (document.layers['display'].document.layers['display1'].clip.top < document.layers['display'].document.layers['display1'].document.height-clipbot)
			{
				document.layers['display'].document.layers['display1'].moveBy(0,-iSlideSpeed);
				document.layers['display'].document.layers['display1'].clip.top+=iSlideSpeed;
				document.layers['display'].document.layers['display1'].clip.height+=iSlideSpeed;

				obj++;
				iCurrentStroke++;

				if (obj == 0)
				{
					document.layers['display'].document.layers['marker'].top = iScrollTop;	
				}
				else if (obj >= iTotalStrokes)
				{
					document.layers['display'].document.layers['marker'].top = iScrollBottom;	
				}
				else
				{
					document.layers['display'].document.layers['marker'].top = iScrollTop + ((iScrollerHeight/iTotalStrokes)*iCurrentStroke);
				}
								
				timer1 = setTimeout("scrolldn('1',iCurrentStroke)", 1);
			}
			else
			{
				document.layers['display'].document.layers['marker'].top = iScrollBottom;	
				timer1 = setTimeout("scrolldn('1',iCurrentStroke)", 1);
			}
		}
		else
		{
			clearTimeout(timer1);
		}
	}


	if (document.all)
	{
		if (dir != "-1")
		{
			if (clipbot < display1.offsetHeight)
			{	
				display1.style.clip = "rect("+(top+=(iSlideSpeed))+"px "+rigt+"px "+(clipbot+=(iSlideSpeed))+"px "+lef+"px )";
				display1.style.pixelTop-=(iSlideSpeed);
				
				obj++;
				iCurrentStroke++;

				if (obj == 0)
				{
					marker.style.pixelTop = iScrollTop;	
				}
				else if (obj >= iTotalStrokes)
				{
					marker.style.pixelTop = iScrollBottom;	
				}
				else
				{
					marker.style.pixelTop = iScrollTop + ((iScrollerHeight/iTotalStrokes)*iCurrentStroke);
				}
				timer1 = setTimeout("scrolldn('1',iCurrentStroke)", 1);
			}
			else
			{
				marker.style.pixelTop = iScrollBottom;	
				timer1 = setTimeout("scrolldn('1',iCurrentStroke)", 1);
			}
		}
		else
		{
			clearTimeout(timer1);
		}
	}

}

function scrollup(dir,obj)
{
	if (document.layers)
	{
		if (dir != "-1")
		{
			if (document.layers['display'].document.layers['display1'].clip.top >= 0)
			{
				document.layers['display'].document.layers['display1'].moveBy(0,iSlideSpeed);
				document.layers['display'].document.layers['display1'].clip.top-=iSlideSpeed;
				document.layers['display'].document.layers['display1'].clip.height-=iSlideSpeed;
				
				obj--;
				iCurrentStroke--;

				if (obj == 0)
				{
					document.layers['display'].document.layers['marker'].top = iScrollTop;	
				}
				else if (obj >= iTotalStrokes)
				{
					document.layers['display'].document.layers['marker'].top = iScrollBottom;	
				}
				else
				{
					document.layers['display'].document.layers['marker'].top = iScrollTop + ((iScrollerHeight/iTotalStrokes)*iCurrentStroke);
				}
								
				timer2 = setTimeout("scrollup('1',iCurrentStroke)", 1);
			}
			else
			{
				document.layers['display'].document.layers['marker'].top = iScrollTop;	
				timer2 = setTimeout("scrollup('1',iCurrentStroke)", 1);
			}
			
		}
		else
		{
			clearTimeout(timer2);
		}
	}


	if (document.all)
	{
		if (dir != "-1")
		{
			if (top > 0)
			{
				display1.style.clip = "rect("+(top-=(iSlideSpeed))+"px "+rigt+"px "+(clipbot-=(iSlideSpeed))+"px "+lef+"px )";
				display1.style.pixelTop+=(iSlideSpeed);
				marker.style.pixelTop+=(iSlideSpeed);
				
				obj--;
				iCurrentStroke--;

				if (obj == 0)
				{
					marker.style.pixelTop = iScrollTop;	
				}
				else if (obj >= iTotalStrokes)
				{
					marker.style.pixelTop = iScrollBottom;	
				}
				else
				{
					marker.style.pixelTop = iScrollTop + ((iScrollerHeight/iTotalStrokes)*iCurrentStroke);
				}
				
				timer2 = setTimeout("scrollup('1',iCurrentStroke)", 1);
			}
			else
			{
				marker.style.pixelTop = iScrollTop;	
				timer2 = setTimeout("scrollup('1',iCurrentStroke)", 1);
			}
		}
		else
		{
			clearTimeout(timer2);
		}
	}

}