function slider(slider) {

	var arrows = $('.arrow', slider);
	var controll = $('.controll', slider);
	var handle = $('.handle', slider);

	handle.css('left', 0);

	var cutter = $('.cutter', slider);
	var target = $('.target', slider);

	var max = controll.width() - handle.width() - 15;
	var step =  (target.width() - cutter.width()) / max;

	controll.slider('destroy');

	var cf = 1.0344;

	if (max < controll.width()) {
		controll.show();
	  controll.slider({
	    min: -5,
	    max: max,
	    handle: handle,

	    stop: function (event, ui) {
	      target.css('left',ui.value * -step);
	    },
	    slide: function (event, ui) {
	      target.css('left', ui.value * -step);
	    }
	  });
  } else {
  	controll.hide();
  }

  arrows.click(function() {
  });

}

$(document).ready(function() {
	slider($('.slider'));
});