/**
 * @author Vlad Yakovlev (red.scorpix@gmail.com)
 * @link www.scorpix.ru
 */
$(function() {

	var step = 51;

	var
		rootEl = $('#content .service'),
		iconsEl = rootEl.find('.icons'),
		iconsContentEl = rootEl.find('.content'),
		messagesEl = rootEl.find('.messages'),
		iconsEls = iconsEl.find('.item'),
		messagesEls = messagesEl.find('.item');

	var selected = 0;
	var left = 0;
	var minLeft = iconsEl.width() - iconsContentEl.width();

	update(left);

	iconsEls.each(function(index) {
		$(this).click(function() {
			if (-1 < selected) {
				iconsEls.eq(selected).removeClass('selected');
				messagesEls.eq(selected).removeClass('selected');
			}

			selected = index;

			iconsEls.eq(selected).addClass('selected');
			messagesEls.eq(selected).addClass('selected');
		});
	});

	rootEl.find('.prev').click(function(evt) {
		left += step;

		if (0 < left) {
			left = 0;
		}

		update(left);

		evt.stopPropagation();
		evt.preventDefault();
	});
	rootEl.find('.next').click(function(evt) {
		left -= step;

		if (minLeft > left) {
			left = minLeft;
		}

		update(left);

		evt.stopPropagation();
		evt.preventDefault();
	});

	function update(left) {
		iconsContentEl.css('left', left);

		0 <= left ? rootEl.find('.prev').addClass('hidden') : rootEl.find('.prev').removeClass('hidden');
		minLeft >= left ? rootEl.find('.next').addClass('hidden') : rootEl.find('.next').removeClass('hidden');
	}
});