var img
 var img_width
 var div_width = 770
 var direction = "L"
 var pressed = 0
 var s_timer

 var speed1 = 1
 var speed2 = 4
 var speed3 = 8
 var speed = speed1

 var pause1 = 60
 var pause2 = 30
 var pause3 = 20
 var pause = pause1



 function StartScroll()
	{
	img = document.getElementById("ScrollImage")
	l_button = document.getElementById("l_scroll")
	r_button = document.getElementById("r_scroll")

	l_button.onmouseover = function(){direction = "L"; speed = speed2; pause = pause2; pressed = 1}
	l_button.onmouseout = function(){speed = speed1; pause = pause1; pressed = 0}
	l_button.onmousedown = function(){direction = "L"; speed = speed3; pause = pause3; pressed = 1}
	l_button.onmouseup = function(){speed = speed1; pause = pause1; pressed = 0}

	r_button.onmouseover = function(){direction = "R"; speed = speed2; pause = pause2; pressed = 1}
	r_button.onmouseout = function(){speed = speed1; pause = pause1; pressed = 0}
	r_button.onmousedown = function(){direction = "R"; speed = speed3; pause = pause3; pressed = 1}
	r_button.onmouseup = function(){speed = speed1; pause = pause1; pressed = 0}

	img_width = img.offsetWidth
	
	Scroll()
	}



 function Scroll()
	{
	if (direction == "L")
		{
		img.style.left = img.offsetLeft - speed
		}
	if (direction == "R")
		{
		img.style.left = img.offsetLeft + speed
		}

	if (img.offsetLeft >= 0)
		{
		if (pressed) direction = ""
		else direction = "L"
		}
	else if (img.offsetLeft + img_width <= div_width)
		{
		if (pressed) direction = ""
		else direction = "R"
		}

	s_timer = setTimeout("Scroll()", pause)
	}