function initSlider() {
    
    $(document).ready(function(){
        $('div.sliderGallery').each(function () {
            var ul = $('ul:first', this);
            var li = $('li', ul);
            
            //var productWidth = ul.innerWidth() - $(this).outerWidth();
            var productWidth = (li.width() * li.length - 870) ;
            
            $('.sliderGallery .wrap').css('width', productWidth + 'px');
            
            var $aSelected = $('.sliderGallery a.selected'),
                $li = $aSelected.parents('li');
            
            var re = new RegExp(/\/7\/\d/);
            
            var reCat1 = new RegExp(/\/1\/\d/);
            
            if($aSelected.length == 0 || $aSelected.attr('href').match(reCat1)) {
                position = 0;
            }
            else if($aSelected.attr('href').match(re)) {
                position = 91;
            }
            else if($li.position().left < productWidth) {
                position = $li.position().left / (productWidth + 870) * 100;
                
            }
            else {position = 91;}
            
            var nbSlide = 0;
            var slider = $('.slider', this).slider({
                animate:true,
                elements:$('.sliderGallery ul.items'),
                value: position,
                slide: function (ev, ui) {
                    nbSlide++;
                    //console.log('slide', nbSlide)
                    var $handle = $(ui.handle),
                        $slider = $('.ui-slider'),
                        pxValue = ui.value / 100 * $slider.width();
                    
                    
                    if(nbSlide != 1) {
                        
                        if(pxValue < parseInt($handle.width()) / 2 && ul.css('left') != "0%")
                            {
                                ul.animate({left:'0%'});
                            }
                        else {
                            
                            ul.css('left', '-' + ui.value + '%');
                            
                        }
                    }
                    
                }, 
                start:function(ev, ui){
                    nbSlide = 0;
                },
                stop: function (ev, ui) {
                    if(nbSlide == 1) {
                    
                        var $handle = $(ui.handle);
                        var $slider = $('.ui-slider');
                        var pxValue = ui.value / 100 * $slider.width();
                        
                        if(pxValue < parseInt($handle.width()) / 2 && ul.css('left') != "0%")
                                ul.animate({left:'0%'});
                        else
                            ul.animate({left:'-' + ui.value + '%'});
                     }
                     
                }
            });
            
            
        });
        
        $('div.slHistory').each(function () {
            var ul = $('ul:first', this);
            var li = $('li', ul);
            
            //var productWidth = ul.innerWidth() - $(this).outerWidth();
            var productWidth = (li.width() * li.length - 500) ;
            
            $('.sliderGallery .wrap').css('width', productWidth + 'px');
            
            var $aSelected = $('.sliderGallery a.selected'),
                $li = $aSelected.parents('li');
            
            var re = new RegExp(/\/7\/\d/);
            
            var reCat1 = new RegExp(/\/1\/\d/);
            
            if($aSelected.length == 0 || $aSelected.attr('href').match(reCat1)) {
                position = 0;
            }
            else if($aSelected.attr('href').match(re)) {
                position = 91;
            }
            else if($li.position().left < productWidth) {
                position = $li.position().left / (productWidth + 870) * 100;
                
            }
            else {position = 91;}
            
            var nbSlide = 0;
            var slider = $('.slider', this).slider({
                animate:true,
                elements:$('.sliderGallery ul.items'),
                value: position,
                slide: function (ev, ui) {
                    nbSlide++;
                    //console.log('slide', nbSlide)
                    var $handle = $(ui.handle),
                        $slider = $('.ui-slider'),
                        pxValue = ui.value / 100 * $slider.width();
                    
                    
                    if(nbSlide != 1) {
                        
                        if(pxValue < parseInt($handle.width()) / 2 && ul.css('left') != "0%")
                            {
                                ul.animate({left:'0%'});
                            }
                        else {
                            
                            ul.css('left', '-' + ui.value + '%');
                            
                        }
                    }
                    
                }, 
                start:function(ev, ui){
                    nbSlide = 0;
                },
                stop: function (ev, ui) {
                    if(nbSlide == 1) {
                    
                        var $handle = $(ui.handle);
                        var $slider = $('.ui-slider');
                        var pxValue = ui.value / 100 * $slider.width();
                        
                        if(pxValue < parseInt($handle.width()) / 2 && ul.css('left') != "0%")
                                ul.animate({left:'0%'});
                        else
                            ul.animate({left:'-' + ui.value + '%'});
                     }
                     
                }
            });
            
            
        });
        
        // vin blanc / delice orient / feves brunch
        $(".produits .sliderGallery .wrap .items li").eq(2).hide();
        $(".produits .sliderGallery .wrap .items li").eq(3).hide();
    });
}