$(document).ready(function() {
	
	//initialize
var 	onmoving		= false;
var 	item			= $('.current li');
var 	itemreverse		= item.get().reverse();
var 	itemsize		= item.size();
var 	itemdisplayed	= 4;
var 	itemtoslide		= 125*4;
var 	currentslide	= 1;
var 	page			= math.round(itemsize/itemdisplayed);

	//next button clicked
	$('.downbtn').click(function() {

		if(onmoving || currentslide*itemdisplayed > itemsize) return false;
		onmoving = true, currentslide++;
        console.info(currentslide);
		$.each(item, function() {
			
			var i 	 = $(this).index();
			var delay = i * 100;

			window.settimeout(function (index) {
				return function () {
					item.eq(index).stop().animate({ 'right' : '+='+itemtoslide+'px' }, function() {
               	if(index >= itemsize-1) onmoving = false;
					});
				};
			} (i), delay);
		});
	});
	
	//previous button clicked
	$('.upbtn').click(function() {

		if(onmoving || currentslide == 1) return false;
		onmoving = true, currentslide--;
		
		$.each(itemreverse, function() {
			
			var i 	 = $(this).index();
			var delay = i * 100;
			
			window.settimeout(function (index) {
				return function () {
					$(itemreverse).eq(index).stop().animate({ 'right' : '-='+itemtoslide+'px' }, function() {
						if(index >= 0) onmoving = false;
					});
				};
			} (i), delay);      
		});
	});
});