$(function(){
	$('.style-elements-slider').pagination('.style-elements-wrapper','.style-elements-buttons .next a','.style-elements-buttons .prev a');
});

$.fn.pagination = function(parent,nextBtn,prevBtn){
	
	var $parent = $(parent);
	var $content = $(this);
	var $nextBtn = $(nextBtn);
	var $prevBtn = $(prevBtn);
	var currentPage = 0;
	var totalPages = Math.ceil($content.width() / ($parent.width()+ 14 ));
	if(totalPages <= 1){
		$nextBtn.parent().addClass('disabled');
	}
	else{
		$nextBtn.parent().removeClass('disabled');
	}
	$nextBtn.click(function(){
		if(currentPage < totalPages-1){
			
			var left = parseInt($content.css('left')) ? parseInt($content.css('left')) : 0;
			var newLeft = parseInt(left) - parseInt($parent.width()) - 14;
			
			newLeft = Math.max(newLeft,$parent.width() - $content.width());
			
			$content.animate({'left':newLeft},500,"swing");
			//$content.css('left',newLeft + "px");
			
			currentPage++;
			if(currentPage >= totalPages-1){
				$nextBtn.parent().addClass('disabled');
			}
			$prevBtn.parent().removeClass('disabled');
		}
		
		return false;
	});
	$prevBtn.click(function(){
		if(currentPage > 0){
			var left = parseInt($content.css('left')) ? parseInt($content.css('left')) : 0;
			var newLeft = parseInt(left) + parseInt($parent.width()) + 14;
			newLeft = Math.min(newLeft,0);
			$content.animate({'left':newLeft},500,"swing");
			currentPage--;
			if(currentPage == 0){
				$prevBtn.parent().addClass('disabled');
			}
			
			$nextBtn.parent().removeClass('disabled');
		}
		return false;
	});

	
}