var ul = false;
var _scroller = false;
var ul_offsetWidth = 0;
var _speed = 2;
var _is_paused = false;
var _is_right2left = false;
var _timeout = 30;

function initScroll()
{

	ul = document.getElementById('step-scroll');
	anext = document.getElementById('next-button');
	aprev = document.getElementById('prev-button');

	if(ul && aprev && anext)
	{
		ul_offsetWidth = ul.offsetWidth;
		
		var _content = ul.innerHTML;		
		ul.innerHTML = _content + _content + _content;		

		_scroller = ul.parentNode.parentNode;

		_scroller.scrollLeft = ul_offsetWidth;

		_scroller._start = ul_offsetWidth - _scroller.offsetWidth;
		_scroller._end = 2*ul_offsetWidth;
		
		anext.href = 'javascript:;';
		aprev.href = 'javascript:;';
		
		_go();
		
		_scroller.parentNode.onmouseover = function()
		{
			_is_paused = true;
		}
		_scroller.parentNode.onmouseout = function()
		{
			_is_paused = false;
		}		
		aprev.onmouseover = function()
		{
			_speed = 15;
			_timeout = 30;
			_is_right2left = true;
				
		}
		aprev.onmouseout = function()
		{
			_speed = 2;
			_timeout = 30;
		}
		anext.onmouseover = function()
		{
			_speed = 15;
			_timeout = 30;
			_is_right2left = false;
		}
		anext.onmouseout = function()
		{
			_speed = 2;
			_timeout = 30;
		}
	}

}

function _go() {

	if(!_is_paused) _scroller.scrollLeft += _speed * (_is_right2left ? -1 : 1);

	if(_is_right2left && _scroller.scrollLeft <= _scroller._start) _scroller.scrollLeft += ul_offsetWidth;
	if(!_is_right2left && _scroller.scrollLeft >= _scroller._end) _scroller.scrollLeft -= ul_offsetWidth;

	window.setTimeout("_go()", _timeout);

}

if (window.addEventListener)
	window.addEventListener("load", initScroll, false);
else if (window.attachEvent)
	window.attachEvent("onload", initScroll);