var scrollposition = 0;
var ul = false;
var ul_offsetWidth = 0;
var _step = 784;
var _prev_clone_cnt = 0;
var _next_clone_cnt = 0;
var innerHTMLs = [];
var total_cnt = 0;
var liPerDiv = 1;
//var _bannerTimeout = 5600;
var _bannerTimeout = 9000;
var bannerTimeout = false;

function initScroll()
{
	ul = document.getElementById('step-scroll');
	anext = document.getElementById('next-arrow');
	aprev = document.getElementById('back-arrow');
	if(ul && aprev && anext)
	{

		var lis = ul.getElementsByTagName('li');
		var reminder = (lis.length) % liPerDiv;
		if(reminder > 0)
		{
			for(var i=0; i< liPerDiv-reminder; i++)
			{
				var _li = document.createElement('li');
				var _div = document.createElement('a');
				_div.className = "";
				_div.href = "#";
				_div.innerHTML = "&nbsp";
				_div.style.visibility = "hidden";
				var __div = _li.appendChild(_div);
				var __li = ul.appendChild(_li);
			}
		}
		
		var lis = ul.getElementsByTagName('li');
		total_cnt = lis.length;

		ul.parentNode.id = "slide-div";
		ul_offsetWidth = ul.offsetWidth;		
		ul.parentNode._ul_offsetWidth = ul_offsetWidth;
		ul.parentNode._step = _step;
		
		ul.parentNode.mooeffect = new Fx.Styles( ul.parentNode.id, {duration: 900,
						
					onStart: function(){
					},
					onComplete: function(){
												
						if(this.element.offsetLeft > this.element._start)
						{
							this.set({'left': this.element._end});
						}
						else if(this.element.offsetLeft < this.element._end)
						{
							this.set({'left': this.element._start});							
						}
					}		
			
			});
			
		ul.innerHTML = ul.innerHTML + ul.innerHTML + ul.innerHTML;

		ul.parentNode.mooeffect.set({'left': ul.parentNode.offsetLeft -1 * ul_offsetWidth });

		ul.parentNode._start = ul.parentNode.offsetLeft;
		ul.parentNode._end = ul.parentNode.offsetLeft - ul_offsetWidth + liPerDiv*_step;
		
		anext.href = 'javascript:;';
		aprev.href = 'javascript:;';
		
		aprev.onclick = function()
		{
			_prev();
		}
		anext.onclick = function()
		{
			_next();
		}

		switchBanners();
				
	}
}

function _next()
{
	if(bannerTimeout)
	{
		clearTimeout(bannerTimeout);
	}
	if(ul && aprev && anext)
	{
		ul.parentNode.mooeffect.custom({'left':[ul.parentNode.offsetLeft,ul.parentNode.offsetLeft - _step*liPerDiv]});
	}
	switchBanners();
}

function _prev()
{
	if(bannerTimeout)
	{
		clearTimeout(bannerTimeout);
	}
	if(ul && aprev && anext)
	{
		ul.parentNode.mooeffect.custom({'left':[ul.parentNode.offsetLeft,ul.parentNode.offsetLeft + _step*liPerDiv]});
	}
	switchBanners();
}

function switchBanners()
{
	bannerTimeout = setTimeout('_next()',_bannerTimeout);
}

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