var scrollposition = 0;
var _ul = false;
var ul_offsetWidth = 0;
var _step = 388;

function initScroll()
{
	_ul = document.getElementById('step-scroll');
	anext = document.getElementById('next-button');
	aprev = document.getElementById('prev-button');
	if(_ul && aprev && anext)
	{
		_ul.parentNode.id = "step-scroll-div";
		var lis = _ul.getElementsByTagName('li');

		ul_offsetWidth = lis.length * _step;		
		_ul.parentNode._ul_offsetWidth = ul_offsetWidth;
		_ul.parentNode._step = _step;
		
		_ul.parentNode.mooeffect = new fx.Styles( _ul.parentNode.id, {duration: 400,
						
					onStart: function(){
					},
					onComplete: function(){												
					}		
			
			});
		
		_ul.parentNode._start = 0;
		_ul.parentNode._end = ul_offsetWidth;		
		anext.href = 'javascript:_next();';
		aprev.href = 'javascript:_prev();';
		
	}

}

function _next()
{
	if(_ul && aprev && anext)
	{
		if(_ul.parentNode.offsetLeft + ul_offsetWidth - _ul.parentNode.parentNode.offsetWidth > 10)
		{
			_ul.parentNode.mooeffect.custom({'left':[_ul.parentNode.offsetLeft,_ul.parentNode.offsetLeft - _step]});				
		}
		else
		{
			_ul.parentNode.mooeffect.custom({'left':[_ul.parentNode.offsetLeft,0]});				
		}
	}
}

function _prev()
{
	if(_ul && aprev && anext)
	{
		if(_ul.parentNode.offsetLeft < 0)
		{
			_ul.parentNode.mooeffect.custom({'left':[_ul.parentNode.offsetLeft,_ul.parentNode.offsetLeft + _step]});
		}
		else
		{
			_ul.parentNode.mooeffect.custom({'left':[0,-1*(ul_offsetWidth - _step)]});
		}
	}
}

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