how would i upgrade this code to work with jquery 1.6.2
<p>how would i upgrade this code to work with jquery 1.6.2 as it only seems to work if i use  Version 1.2.6.</p>

<pre><code>&lt;script type="text/javascript" charset="utf-8"&gt;
            window.onload = function () {
                var container = $('div.sliderGallery');
                var ul = $('ul', container);

                var itemsWidth = ul.innerWidth() - container.outerWidth();

                $('.slider', container).slider({
                    min: 0,
                    max: itemsWidth,
                    handle: '.handle',
                    stop: function (event, ui) {
                    console.log(ui.value);
                        ul.animate({'left' : ui.value * -1}, 500);
                    },
                    slide: function (event, ui) {
                        ul.css('left', ui.value * -1);
                        console.log(ui.value);
                    }
                });
            };
        &lt;/script&gt;
</code></pre>

<p>link to my issue: <a href="http://www.floodgateone.com/catering/index1.html" rel="nofollow">http://www.floodgateone.com/catering/index1.html</a></p>

<p>thanks for any help</p>
