[Нарек]

Здравствуйте. Никак не могу решить проблему. Есть слайдер сделанный по такому принципу http://jqueryui.com/slider/#side-scroll

html

<div class="ui-slide-range">
    <div id="sliderContent">		
        <div class="viewer ui-corner-all">
            <div class="content-conveyor ui-helper-clearfix">
                <div class="item">
                    <img src="img/item4.jpg" height="152" width="205" alt="">	
	        </div>
            </div>
       </div>
        <div id="slider"></div>
    </div>
</div>

js

$(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")),
          slide: function(e, ui) { 
            conveyor.css("left", "-" + ui.value + "px");
          }
        };

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

$( "#slider" ).slider({
                range: "min",
                value: 1,
                slide: function() {
                    update();
                }
});

не хочет привязаться.. Может кто столкнулся с такой проблемой. Прошу помощи.