$(function() {
	
	//vars
	var conveyor = $(".content-conveyor", $("#sliderContent")),
	item = $(".item", $("#sliderContent"));
	
	//set length of conveyor
	conveyor.css("width", item.length * parseInt(item.css("width")));
			
	//config
	var sliderOpts = {
	  max: (item.length * parseInt(item.css("width"))) - parseInt($(".viewer", $("#sliderContent")).css("width"))-8,
	  slide: function(e, ui) { 
		conveyor.css("left", "-" + ui.value + "px");
	  }
	};

	//create slider
	$("#slider").slider(sliderOpts);
  });