window.addEvent('domready', function(){
	$('services-left').getElements('a').each(function(i) {
		i.addEvent('click', function(event){
			event.stop();
			moveit("left");
		});
	});
	$('services-right').getElements('a').each(function(i) {
		i.addEvent('click', function(event){
			event.stop();
			moveit("right");
		});
	});
});

function moveit(direction) {
	$('services-container').getElements('ul').each(function(y) {
		var unit = 225;
		var offset = '';
		var fx = '';
		var currentpos = getcurrentpos(y);
		
		if ((Number(currentpos) % unit == 0) || (currentpos == 0))
		{
			if ((direction == "left") && (Number(currentpos) < 0))
			{
				offset = (Number(currentpos) + unit);
				fx = new Fx.Tween(y, {'duration':'short'});
				fx.start('left', offset + 'px');
			}
			if ((direction == "right") && (Number(currentpos) > -2400))
			{
				offset = (Number(currentpos) - unit);
				fx = new Fx.Tween(y, {'duration':'short'});
				fx.start('left', offset + 'px');
			}
		fixbuttons(offset);
		}
	})
}

function getcurrentpos(obj) {
	var currentpos = obj.get('style');
	
	currentpos = currentpos.replace('LEFT: ','');
	currentpos = currentpos.replace('left: ','');
	currentpos = currentpos.replace('px','');
	currentpos = currentpos.replace(';','');
	if (currentpos == '')
	{
		currentpos = 0;
	}
	return currentpos;
}

function fixbuttons(offset) {
	var unit = 225;
	if (offset !== '')
	{
		if (Number(offset) > -unit)
		{
			$('services-left').addClass('inactive');
		}
		else {
			$('services-left').removeClass('inactive');
		}

		if (Number(offset) < -2400)
		{
			$('services-right').addClass('inactive');
		}
		else {
			$('services-right').removeClass('inactive');
		}
	}
}