$(function(){
	if($('.slider')) {
			$('.slider').each(function() {
			var box = $(this),
				show = parseInt($('ul', box).attr('lang')),
				iCount = $('li', box).length,
				colCount = Math.ceil(iCount/show),
				active = 0,
				width = $('.ul', box).width(),
				margin = 5;
			box.append('<div class="tabsPager"><div class="list"><div class="prev" /><div class="next" /></div></div>');
			$('li', box).unwrap();
			for(var i = 0; i < iCount; i+=show) {
				$('li', box).slice(i, i+show).wrapAll('<ul class="ul" />')
				$('<div class="item" />').appendTo($('.tabsPager .list', box)).data('n', i/show);
				$('.ul', box).eq(i/show).css({left: i/show*(width+margin)});
			}
			$('.tabsPager .list', box).width(colCount*16).find('.item:first').addClass('active')
			$('ul', box).wrapAll('<ul class="ulWrap" />').width(width);
					var h = 0;
					$('.ulWrap ul', box).each(function(){
						h = $(this).height() > h ? $(this).height() : h;
					});
			$('.ulWrap', box).height(h).width(($('.ulWrap').width()+margin)*colCount);
			
			function moveTab(n) {
				active = n;
				$('.tabsPager .active', box).removeClass('active');
				$('.tabsPager .item', box).eq(n).addClass('active');
				$('.ulWrap', box).stop().animate({left: -n*(width+margin)});//, height: $('.ulWrap ul', box).eq(n).height()});
			}
			
			$('.tabsPager .item:not(.active)', box).live('click', function() {
				moveTab($(this).data('n'))
			})
			$('.prev', box).click(function() {
				active==0 ? moveTab(colCount-1) : moveTab(active-1)
			})
			$('.next', box).click(function() {
				active==colCount-1 ? moveTab(0) : moveTab(active+1)
			});
			
		});
	}          
});