var _ulBrands, _ulComp;
var _brandsMaxScrollLeft, _compMaxScrollTop;
var _brandsScrollDir;
var _brandsScrollTimer, _compScrollTimer;

function InitializeScroll() {
	_ulBrands = document.getElementById('ulBrands');
	
	var liBrands = _ulBrands.getElementsByTagName('li');
	var brandsScrollWidth = 83 * liBrands.length * 2;
	
	_ulBrands.innerHTML += _ulBrands.innerHTML;
	
	_ulBrands.style.width = brandsScrollWidth + 'px';
	
	_brandsMaxScrollLeft = 0 - (brandsScrollWidth / 2) + 1;
	
	_brandsScrollDir = 'left';
	_ulBrands.style.left = '0px';
	
	StartBrandsScroll();
	
	_ulComp = document.getElementById('ulComp');
	
	var liComp = _ulComp.getElementsByTagName('li');
	var compScrollHeight = 55 * liComp.length * 2;
	
	_ulComp.innerHTML += _ulComp.innerHTML;
	
	_ulComp.style.height = compScrollHeight + 'px';
	
	_compMaxScrollTop = 0 - (compScrollHeight / 2) + 1;
	
	_ulComp.style.top = '1px';
	
	StartCompScroll();
}

function StartBrandsScroll() {
	if(_brandsScrollDir != 'right') {
		_ulBrands.style.left = ((parseInt(_ulBrands.style.left) <= _brandsMaxScrollLeft) ? '0' : (parseInt(_ulBrands.style.left) - 1)) + 'px';
	}
	else {
		_ulBrands.style.left = ((parseInt(_ulBrands.style.left) >= 0) ? _brandsMaxScrollLeft : (parseInt(_ulBrands.style.left) + 1)) + 'px';
	}
	
	_brandsScrollTimer = setTimeout(function() { StartBrandsScroll(); }, 25);
}

function StopBrandsScroll(){
  clearTimeout(_brandsScrollTimer);
}

function ChangeDirection(dir) {
	if(dir.toLowerCase() == 'left') {
		_brandsScrollDir = 'left';
	}
	else {
		_brandsScrollDir = 'right';
	}

	StopBrandsScroll();
	StartBrandsScroll();
}

function StartCompScroll() {
	_ulComp.style.top = ((parseInt(_ulComp.style.top) <= _compMaxScrollTop) ? '0' : (parseInt(_ulComp.style.top) - 1)) + 'px';
	
	var msec = 25;
	if(parseInt(_ulComp.style.top) % 55 == 0) {
		msec = 5000;
	}
	
	_compScrollTimer = setTimeout(function() { StartCompScroll(); }, msec);
}

function StopCompScroll(){
  clearTimeout(_compScrollTimer);
}