$(function(){
	var $pane = $('.slideIn'),
		$items = $pane.find('li'),
		$paginator = $('#paginator');
	
	$items.each(function(index){
		var text = 'item ' + (index);
		var $page = $('<li id="itmDate'+(index)+'" />').text( text ).appendTo($paginator);
		$('#paginator li:first').addClass('on');
		
		$page.click(function(e){
			e.preventDefault();
			$pane.trigger('goto',[index]);
		});
	});

	$('.slideIn').each(function(){
		var lstSize = $(this).children('ul').children('li').size();
		var ulSize = lstSize*700;
		$(this).children('ul').width(ulSize+'px');
	});
	$('.slideBox').serialScroll({
		target:'.slideIn',
		items:'li',
		prev:'a.btnPrev',
		next:'a.btnNext',
		axis:'x',
		duration:500,
		force:true,
		cycle:true,
		easing:'easeOutCirc',
		step:1,
		onBefore:function( e, elem, $pane, $items, pos ){
			$('#paginator li.on').removeClass('on');
			$('#paginator li#itmDate'+pos).addClass('on');
		},
		onAfter:function( elem ){}
	});
});