<div class="jcarousel-wrapper">
	<div class="teamlist jcarousel">
		<ul>
<?php 
	$args = array('post_type' => array( 'team'), 'post_status' => 'publish');
	$query = new WP_Query($args);
	if($query->found_posts) {
		while ( $query->have_posts() ) : $query->the_post();
			$image = get_field('afbeelding');
			?>	           

            <li><img src="<?php echo $image['url']?>" alt="<?php echo $image['alt']?>"/><br/>
            	<div class="teaminfo">
                	<b><?php echo get_field('functie');?></b><br/><div class="teamname"><?php the_title();?></div>
                    <div class="teamdesc1"><?php echo strip_tags(get_the_content());?></div>
                </div>
            </li>	                
<?php endwhile; 
	} ?>		                
		 </ul>                            
	</div>
	<a href="#" class="jcarousel-control-prev">&lsaquo;</a>
	<a href="#" class="jcarousel-control-next">&rsaquo;</a>
</div>
			<script type="text/javascript">	
	            (function($) {
	                $(function() {
	                    var jcarousel = $('.jcarousel');
	
	                    jcarousel
	                        .on('jcarousel:reload jcarousel:create', function () {
	                            var width = jcarousel.innerWidth();	
	                            if (width >= 1100) {
		                            width = width / 4;
	                            } else if (width >= 600) {
	                                width = width / 3;
	                            } else if (width >= 350) {
	                                width = width / 2;
	                            }	
	                            jcarousel.jcarousel('items').css('width', width + 'px');
	                        })
	                        .on('jcarousel:createend', function(event, carousel) {		                        
		                    })
	                        .jcarousel({
	                            wrap: 'circular'
	                        });          
	                    $('.jcarousel-control-prev')
	                        .jcarouselControl({
	                            target: '-=1'
	                        });	
	                    $('.jcarousel-control-next')
	                        .jcarouselControl({
	                            target: '+=1'
	                        });
	                });
	            })(jQuery);
	            $(window).load(function(){
	            	
		        });
            </script>