var list;
var clicked;
var list_options = {
  valueNames: [
        { data: ['category'] },
    ]
};

$(window).on('load', function () {

	list = new List("articles", list_options);

	$('.category_filter').on('click', function(){

		$('.categories').find('.category_filter').removeClass('active');
		$(this).addClass('active');

		if ($(this).attr('id') == 'category-all'){
			list.filter();
		} else{
			clicked = $(this).html().trim();
			list.filter(function(item) {
				return item.values().category == clicked ? true : false;
			});
		}

	})

});