$(function(){
	var completo = 0;
	var activado = true;
	function animacion(){
		if (activado){
			if (completo>100){
				completo = 0;
				$('.wrapper ul').append('<li>'+$('.wrapper ul li:first').html()+'</li>');
				$('.wrapper ul li:first').remove(); 
				$('.wrapper').css('left',parseInt($('.wrapper').css('left'))+100);

			}
			$('.wrapper').animate({
				left: '-=2'
			},80,function(){
				completo+=2;
				animacion();
			});
		}
	}
	animacion();
	
	$('.wrapper').hover(function(){
		activado = false;
	},function(){
		activado = true;
		animacion();
	});
})

