// JavaScript Document


 jQuery.noConflict();

     window.onload = function () {
            var container = jQuery('div.category_sliderGallery');
            var ul = jQuery('ul', container);
            
            var itemsWidth = ul.innerWidth() - container.outerWidth();
            
            jQuery('#category_slider', container).slider({
                min: 0,
                max: itemsWidth,
                handle: '#category_handle',
                stop: function (event, ui) {
                    ul.animate({'left' : ui.value * -1}, 500);
                },
                slide: function (event, ui) {
                    ul.css('left', ui.value * -1);
                }
            });
        };