$(document).ready(function(){

  $('.owl-carousel').owlCarousel({
    loop:true,
    margin:30,
    nav:false,
    responsiveClass:true,
    responsive:{
      0:{
        items:3,
      },
      600:{
        items:4,
      },
      1000:{
        items:6,
      }
    }
  });

  $('.lijst .column').click(function(){
    var order = $(this).attr('data-order');
    $( ".lijst .col-md-12" ).each(function() {
      $(this).removeClass('col-md-12').addClass('col-md-4');
      $(this).removeClass('order-1').removeClass('order-2').removeClass('order-3');
      $(this).addClass('order-'+order).attr('data-order',order);
    });

    $(this).addClass('col-md-12').removeClass('col-md-4');
    $(this).removeClass('order-1').removeClass('order-3');
    $(this).addClass('order-2');
  });

});