var _ulGallery, _galleryMaxScrollLeft, _galleryScrollDir, _galleryScrollTimer;
var _ulFittings, _fittingMaxScrollTop, _fittingScrollDir, _fittingScrollTimer;

function InitializeScroll() {
	_ulGallery = document.getElementById('ulGallery');
	if(_ulGallery) {
		var liGallery = _ulGallery.getElementsByTagName('li');
		var galleryScrollWidth = 58 * liGallery.length * 2;
		
		_ulGallery.innerHTML += _ulGallery.innerHTML;
		
		_ulGallery.style.width = galleryScrollWidth + 'px';
		
		_galleryMaxScrollLeft = 0 - (galleryScrollWidth / 2) + 1;
		
		_galleryScrollDir = 'left';
		_ulGallery.style.left = '0px';
		
		liGallery = _ulGallery.getElementsByTagName('li');
		for(var i=0;i < liGallery.length; i++) {
			liGallery[i].onmouseover = StopGalleryScroll;
			liGallery[i].onmouseout = StartGalleryScroll;
		}
		
		StartGalleryScroll();
	}
	
	_ulFittings = document.getElementById('ulFittings');
	if(_ulFittings) {
		var liFittings = _ulFittings.getElementsByTagName('li');
		var fittingScrollHeight = 72 * liFittings.length;
		
		_ulFittings.style.height = fittingScrollHeight + 'px';
		
		_fittingMaxScrollTop = 216 - fittingScrollHeight;
		
		_fittingScrollDir = 'top';
		_ulFittings.style.top = '0px';
		
		for(var i=0;i < liFittings.length; i++) {
			var a = liFittings[i].getElementsByTagName("img")[0];
			ChangeOpacity(a, 50);
	
			a.onmouseover = function() {
				ChangeOpacity(this, 100);
			};
			a.onmouseout = function() {
				ChangeOpacity(this, 50);
			};
		}
	}
}

function ChangeOpacity(obj, opacity) {
	obj.style.opacity = (opacity / 100);
	obj.style.MozOpacity = (opacity / 100);
	obj.style.KhtmlOpacity = (opacity / 100);
	obj.style.filter = "alpha(opacity=" + opacity + ")";
}

function StartGalleryScroll() {
	if(_galleryScrollDir != 'right') {
		_ulGallery.style.left = ((parseInt(_ulGallery.style.left) <= _galleryMaxScrollLeft) ? '0' : (parseInt(_ulGallery.style.left) - 1)) + 'px';
	}
	else {
		_ulGallery.style.left = ((parseInt(_ulGallery.style.left) >= 0) ? _galleryMaxScrollLeft : (parseInt(_ulGallery.style.left) + 1)) + 'px';
	}
	
	_galleryScrollTimer = setTimeout(function() { StartGalleryScroll(); }, 40);
}

function StopGalleryScroll(){
  clearTimeout(_galleryScrollTimer);
}

function ChangeGalleryDirection(dir) {
	if(dir.toLowerCase() == 'left') {
		_galleryScrollDir = 'left';
	}
	else {
		_galleryScrollDir = 'right';
	}

	StopGalleryScroll();
	StartGalleryScroll();
}


function StartFittingScroll() {
	if(_fittingScrollDir == 'top' && (parseInt(_ulFittings.style.top) > _fittingMaxScrollTop)) {
		_ulFittings.style.top = (parseInt(_ulFittings.style.top) - 1) + 'px';
	}
	else if(_fittingScrollDir == 'bottom' && (parseInt(_ulFittings.style.top) < 0)) {
		_ulFittings.style.top = (parseInt(_ulFittings.style.top) + 1) + 'px';
	}
	
	if(parseInt(_ulFittings.style.top) % 72 == 0) {
		StopFittingScroll();
	}
	else {
		_fittingScrollTimer = setTimeout(function() { StartFittingScroll(); }, 25);
	}
}

function StopFittingScroll(){
  clearTimeout(_fittingScrollTimer);
}

function MoveFitting(dir) {
	if(dir.toLowerCase() == 'top') {
		_fittingScrollDir = 'top';
	}
	else {
		_fittingScrollDir = 'bottom';
	}

	StopFittingScroll();
	StartFittingScroll();
}