var maxAnimationSteps = 39;
var containerWidth = 164;

scrollStep=3;

var scrollPlace = 0;

timerLeft="";
timerRight="";

function getScrollerOffsets(e) {
	var o = {
		height: e.offsetHeight,
		width: e.offsetWidth
	};
	
	var x = e.offsetLeft;
	var y = e.offsetTop;
	var p = e.offsetParent;
	
	while(p && (p.nodeType != 9)) {
		x += p.offsetLeft;
		y += p.offsetTop;
		p = p.offsetParent;
	}
	o.left = x;
	o.top = y;
	return o;
}
function toLeft(id){
  document.getElementById(id).scrollLeft=0
}

function scrollDivLeft(id){
	var element = document.getElementById(id);
	
	var offsets = getScrollerOffsets(document.getElementById('scroller'));
	
	if (element.scrollLeft - containerWidth <= 0) {
		
	}
	else {
		document.getElementById('arrow_next').src = '/images/design/images/arrow_next.gif';
		scrollAStepLeft(id);
	}
}
function scrollDivRight(id){
	var element = document.getElementById(id);
	
	var offsets = getScrollerOffsets(document.getElementById('scroller'));
	
	if (element.scrollLeft + (containerWidth * 4) + containerWidth > offsets.width) {
		
	}
	else {
		document.getElementById('arrow_prev').src = '/images/design/images/arrow_prev.gif';
		scrollAStepRight(id);
	}
}
var currentStep = 0;
function scrollAStepLeft(id) {
	var element = document.getElementById(id);
	
	if (currentStep >= maxAnimationSteps) {
		scrollPlace--;
		element.scrollLeft = (scrollPlace * 4 * containerWidth);
		currentStep = 0;
		clearTimeout(timerLeft);
		
		checkScroll(id);
		
		return;
	}
	else {
		if (currentStep <= maxAnimationSteps / 2) {
			scrollStep = currentStep * 2;
		}
		else {
			scrollStep = currentStep / 2;
		}
		element.scrollLeft -= scrollStep
		timerLeft=setTimeout("scrollAStepLeft('"+id+"')",10);
		currentStep++;
	}
}
function scrollAStepRight(id) {
	var element = document.getElementById(id);
	
	

	if (currentStep >= maxAnimationSteps) {
		scrollPlace++;
		element.scrollLeft = (scrollPlace * 4 * containerWidth);
		currentStep = 0;
		clearTimeout(timerRight);
		
		checkScroll(id);
		
		return;
	}
	else {
		if (currentStep <= maxAnimationSteps / 2) {
			scrollStep = currentStep * 2;
		}
		else {
			scrollStep = currentStep / 2;
		}
		element.scrollLeft += scrollStep
		timerRight=setTimeout("scrollAStepRight('"+id+"')",10);
		currentStep++;
	}
}
function toRight(id){
	document.getElementById(id).scrollLeft=document.getElementById(id).scrollWidth;
}
function checkScroll(id) {
	var element = document.getElementById(id);
	
	var offsets = getScrollerOffsets(document.getElementById('scroller'));
	
	if (element.scrollLeft + (containerWidth * 4) + containerWidth > offsets.width) {
		document.getElementById('arrow_next').src = '/images/design/images/arrow_next_lys.gif';
	}
	else {
		document.getElementById('arrow_next').src = '/images/design/images/arrow_next.gif';
	}
	if (element.scrollLeft - containerWidth <= 0) {
		document.getElementById('arrow_prev').src = '/images/design/images/arrow_prev_lys.gif';
	}
	else {
		document.getElementById('arrow_prev').src = '/images/design/images/arrow_prev.gif';
	}
}