$(document).ready(function() {
	
	start_slide();
	

});

var animatie;

function start_slide() {
	
	var totalwidth=0;
	
	
	$('#slider li').each(function() {
		var width = $(this).width()+20;
		totalwidth += width;
		$('#slider').append('<li>'+$(this).html()+'</li>');							  
								  
  	});
	
	
	
	start_move(totalwidth);
	
	$('#slider').mouseover(function() {
		animatie.stop();									
	}).mouseout(function() {
		start_move(totalwidth);							
	});
	

	
	
}

function start_move(totalwidth) {
	
	var snelheid = (totalwidth+parseFloat($('#slider').css('marginLeft').replace('px','')));
	
	animatie = $('#slider').animate({
		marginLeft: (totalwidth*-1)+'px'
  	}, snelheid*20,'linear', function() {
		$('#slider').css('margin-left','0px');
		start_move(totalwidth);
  	});
}