﻿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 $aSelectedId = $('.sliderGallery a.selected').attr("id");
            
            var re = new RegExp(/\/7\/\d/);
            
            var reCat1 = new RegExp(/\/1\/\d/);            
            
            /*             
            canoo:      0
            bongo:      37
            conga:      60
            bagaloo:    83                        
            */
            
            var posCat;
            switch($aSelectedId){
                case "1": posCat = 0;break;
                case "2": posCat = 37; break;
                case "3": posCat = 60;break;
                case "4": posCat = 83;break;
                default: posCat = 0;break;
            }
            
            position = posCat;
            
            //console.log(position);
            /*
            
            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 + '%'});
                     }
                     
                }
            });
            
            
        });

    });
}

var Ingredients = {
    init:function(){
        $('#fiche-close').click(function(){
	        $('#fiche-desc').css('visibility','visible');
	        $('#ingredients').removeClass('selected');
	        $('.fiche-ingrediens', '#details').hide();
	        return false;
	    });
	    
		$('#ingredients').click(function(){
		    if($(this).hasClass('selected')){
		        $('#fiche-desc').css('visibility','visible');
		        $(this).removeClass('selected');
		        $('.fiche-ingrediens', '#details').hide();
		    } else {
		        $('#fiche-desc').css('visibility','hidden');
		        $(this).addClass('selected');
		        $('.fiche-ingrediens', '#details').fadeIn('slow');
		    }
		    
		    return false;
		});
    }
}
