var scrollerReady = 1;
var scrollerTimer;
var scrollerTable;
var scrollerFrom;
var scrollerTo;
var scrollerStep;

function ScrollerMoveBy(srcElement, direction, step, timerStep)
{
	if(scrollerReady == 0) return;

	var td = srcElement;

	var tr = td.parentNode;

	td = tr.cells[1];

	var div = td.getElementsByTagName("DIV")[0];

	var table = td.getElementsByTagName("TABLE")[0];

	var windowWidth = div.offsetWidth;

	var tableWidth = table.offsetWidth;

	if(table.rows[0].cells.length == 0) return;

	var td = table.rows[0].cells[0];

	var sliceWidth = td.offsetWidth;

	var currLeft = parseInt(table.style.left);

	var newLeft = currLeft + (direction * sliceWidth);

	function ScrollerStart(step)
	{
		scrollerReady = 0;

		scrollerTable = table;
		scrollerFrom  = currLeft;
		scrollerTo    = newLeft;
		scrollerStep  = step;

		scrollerTimer = window.setInterval(ScrollerFn, timerStep);
	}

	if(direction > 0)
	{
		if(newLeft <= 0)
		{
			ScrollerStart(step);
			
			newLeft = newLeft + (direction * sliceWidth);
			document.getElementById('scrollRight').src = 'images/rightactive.gif';
			if (newLeft <= 0){
				document.getElementById('scrollLeft').src = 'images/leftactive.gif';
			} else {
				document.getElementById('scrollLeft').src = 'images/leftInactive.gif';
				document.getElementById('scrollRight').src = 'images/rightactive.gif';
			}
		}else{
			document.getElementById('scrollLeft').src = 'images/leftInactive.gif';
			document.getElementById('scrollRight').src = 'images/rightactive.gif';
		}
	}
	else
	{
		if(newLeft >= (windowWidth - tableWidth))
		{
			ScrollerStart(-step);
			
			newLeft = newLeft + (direction * sliceWidth);
			document.getElementById('scrollLeft').src = 'images/leftactive.gif';
			if (newLeft >= (windowWidth - tableWidth)){
				//document.getElementById('scrollLeft').src = 'images/leftactive.gif';
			} else {
				document.getElementById('scrollRight').src = 'images/rightInactive.gif';
				document.getElementById('scrollLeft').src = 'images/leftactive.gif';
			}
		}else {
			document.getElementById('scrollRight').src = 'images/rightInactive.gif';
			document.getElementById('scrollLeft').src = 'images/leftactive.gif';
		}
	}
}

function ScrollerStop()
{
	window.clearInterval(scrollerTimer);
	scrollerReady = 1;
}

function ScrollerFn()
{
	function DoScroll()
	{
		if(scrollerStep > 0)
		{
			if(scrollerFrom + scrollerStep > scrollerTo)
			{
				scrollerFrom = scrollerTo;
			}
			else
			{
				scrollerFrom += scrollerStep;
			}
		}
		else
		{
			if(scrollerFrom + scrollerStep < scrollerTo)
			{
				scrollerFrom = scrollerTo;
			}
			else
			{
				scrollerFrom += scrollerStep;
			}
		}
		scrollerTable.style.left = scrollerFrom + "px";
	}
	if(scrollerStep > 0)
	{
		if(scrollerFrom < scrollerTo)
		{
			DoScroll();
		}
		else
		{
			ScrollerStop();
		}
	}
	else
	{
		if(scrollerFrom > scrollerTo)
		{
			DoScroll();
		}
		else
		{
			ScrollerStop();
		}
	}
}