$(document).ready(function(){
	bar = $('.slider .scroll .bar_s');
	preview=$('.slider .preview_slider');
	widthScroll = $('.slider .scroll .c_s').width() - bar.width();
	widthPreview = preview.width()- $('.slider .inner_slider .c_s').width()-8;
	dPreview = $('.slider .preview_slider li').width();//единичное смещения для превью
	dBar = dPreview *widthScroll/widthPreview;//единичное смещения для скрола

	var scroll_obj = $('.slider .scroll .bar_s, .slider .scroll .l_s, .slider .scroll .r_s').mouseover(function(){
		$(this).find('div').addClass('act');
	});
	scroll_obj.mouseout(function(){
		$(this).find('div').removeClass('act');
	});
	
	$('.slider .scroll .bar_s').mousedown(function(e){
//		document.selection.empty();
		$(document).disableTextSelect();
		var offset = e.clientX-$(this).position().left;
		var minX=$('.slider .scroll .c_s').position().left;
		var minX=0;
		var maxX=minX+$('.slider .scroll .c_s').width()-$(this).width();
		$(document).bind("mousemove", function(e){
				moveBar_slider(e,offset,minX,maxX,bar);
				
		});
		
	})
	
	$(document).mouseup(function(){
		$(document).enableTextSelect();
		$(document).unbind("mousemove");
	});
	$('#slider').disableTextSelect();
	$('.slider .scroll .r_s, .slider .scroll .l_s').dblclick(function(){
		$(document).disableTextSelect();

	});

	
});
var preview;
var bar;
var widthPreview;
var widthScroll;
var dPreview;
var dBar;


function moveBar_slider(e,offset,minX,maxX,bar){
	//bar.css('left',e.clientX-offset);
	//$('.slider .scroll .bar_s').position().left
	var x=e.clientX-offset;
	if(x<minX)	x=minX;
	if(x>maxX)	x=maxX;
	bar.css('left',x);
	preview.css('left',-((x-minX)*widthPreview/(maxX-minX)));

}
function nextProuct(obj, direction){
	

//	var countProduct = Math.round(widthPreview/dPreview);
	var sliderX = preview.position().left+dPreview*direction;
	var n = Math.round(sliderX/dPreview);
	sliderX = dPreview*n;

	var barX = -sliderX*widthScroll/widthPreview;
	if(-sliderX>widthPreview){sliderX=-widthPreview;barX=widthScroll;}
	if(-sliderX<0){sliderX=0;barX=0;}
	
//	if(-preview.position().left<widthPreview)
	{
//		preview.animate('left',sliderX);
		preview.animate({left: sliderX
      			}, 'fast' ,function(){
      	
 				bar.css('left',barX); 

      	});
		
	}
	

}