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

$(document).ready(slideshow);