jQuery.fn.slidingGallery = function(option) {
	option = jQuery.extend({
		slideAnimate: false,
		slideSpeed: 500
	}, option);	
	
	return this.each(function(i){	
	
		var
			scrollContent = $(this).find('ul');
			scrollItem = scrollContent.find('li');
			scrollItemCnt = scrollItem.size();
			scrollDone = true;
			scrollContentWidth = 0;
			scrollNav = '';
		
		scrollItem.each(function(){
			scrollContentWidth = parseInt($(this).outerWidth()) + parseInt(scrollContentWidth);
		});
		
		scrollContent.css('width',scrollContentWidth+'px').wrap('<div class="slider"></div>');
		
		
	
		scrollNav += '<a href="#" class="btn btn-prev" rel="0" title="Poprzedni produkt"><span>poprzedni</span></a>';
		scrollNav += '<a href="#" class="btn btn-next" rel="0" title="Następny produkt"><span>następny</span></a>';
		$(this).append(scrollNav);
		
		var
		scrollRewind = $('.btn-prev');
		scrollForward = $('.btn-next');
		
		function navigate(scrollPosition){
			if(scrollPosition <= 0)
				scrollRewind.hide();
			else
				scrollRewind.show();
				
			if(scrollPosition+1 >= scrollItemCnt-2)
				scrollForward.hide();
			else
				scrollForward.show();	
		
			scrollRewind.attr('rel',scrollPosition-1);
			scrollForward.attr('rel',scrollPosition+1);
			
		}
		
		
		navigate(0);
			
		$('.btn').unbind().bind('click', function(event){
			event.preventDefault();	
			
			if(scrollDone){
				scrollDone = false;
				i = parseInt($(this).attr('rel'));
				
				navigate(i);
				
				scrollStep = scrollItem.eq(i).outerWidth();
			
				if($(this).is('.btn-prev'))
					scrollStep = -scrollStep;
				
				scrollContent.animate({marginLeft: parseInt(scrollContent.css('margin-left')) - scrollStep +'px' }, option.slideSpeed,function(){
					scrollDone = true;
				});
			
			}		
	   }); // bind
	

   
	}); // each
}
	
