/* Carrousel wizishop */
$(document).ready(function(){
    var _numCarre = 0,
		_tailleItem = $(".carrousel li").width()+_margeInterImage,
		_nbItem = $(".carrousel li").length,
		_largeurAllItem = (_nbItem*_tailleItem)-_margeInterImage;
		
	$(".carrousel").wrap('<div class="carrouselContainer"></div>').css("width", (_largeurAllItem));
	$(".carrouselContainer").css("width", (_largeurAffiche)).css("overflow", "hidden");
	
	var	_stop = false,
		_stop2 = false,
		_bigStop = false,
		_timeOut = null,
		_dir = 'droite',
		_nbItemAffiche = Math.floor(((_largeurAffiche+_margeInterImage)/_tailleItem));
		
	function bouge(){
        if(_largeurAllItem>_largeurAffiche){
			if (_stop || _stop2 || _bigStop) {
	            return;
	        }
	        $(".carrousel").animate({ marginLeft: -(_tailleItem * _numCarre)}, 2200, null, bouge);
			if ((_numCarre == (_nbItem - _nbItemAffiche)) && (_numCarre != 0)) {
				_stop = true;
				setTimeout(function(){
					_stop = false;
					bouge();
				}, 3000)
				_dir = 'gauche';
				
	        }
	        else if (_numCarre == 0) {
	            _stop = true;
				setTimeout(function(){
                    _stop = false;
                    bouge();
				},3000)
				_dir = 'droite';
	        }
	        
	        if (_dir == 'droite') {
	            _numCarre++;
	        }
	        else {
	            _numCarre--;
	        }
		}
    }
	bouge();
	
	$(".carrouselContainer li").css("margin-right", _margeInterImage);
	$(".carrouselContainer li:last").css("margin-right", 0);

	$('.carrousel').mouseover(function(){
			_stop2 = true;
			clearTimeout(_timeOut);
	});
	$('.carrousel').mouseout(function(){
		_timeOut = setTimeout(function(){
            _stop2 = false;
            bouge()
		}, 500)
	});
	
	var _resumLink = "<p id=\"resume\"><span>Lecture</span></p>",
		_stopLink = "<p id=\"stop\"><span>Pause</span></p>";
	
	if (_largeurAllItem > _largeurAffiche) {
		$(".carrousel").after(_resumLink);
		$(".carrousel").after(_stopLink);
	}
	
	if (_stop == false){
		$('#resume').show();
        $('#stop').hide();
	}
	else {
		$('#stop').show();
        $('#resume').hide();
	}
	
	$('#stop').click(function(e){
		e.preventDefault();
        _bigStop = true;
        $('#resume').show();
        $('#stop').hide();
    });
    $('#resume').click(function(e){
        e.preventDefault();
        _bigStop = false;
        $('#stop').show();
        $('#resume').hide();
        bouge();
    });  
});