function HeTimeline(initData) {
    initData = initData || {};
    this.portletNamespace = initData.portletNamespace;
    var portlet = document.getElementById('p_p_id' + this.portletNamespace);
    var finlexLists = portlet.querySelectorAll('.finlex-list');
    this.initFinlexList(finlexLists);
}

HeTimeline.prototype.initFinlexList = function(lists){

    var maxVisibleItemsAtLoad = 5;

    for (var i = 0; i < lists.length; i++) {
        var currentList = $(lists[i]);
        var currentListItems = $(lists[i]).find('li');
        var buttonsContainer = $(lists[i]).next();
        var showMoreButton = $(buttonsContainer).find('.js-show-all-finlex')[0];
        var showLessButton = $(buttonsContainer).find('.js-show-less-finlex')[0];

        $(showMoreButton).on('click', function(){
            $(this).addClass('hidden');
            $(this).next().removeClass('hidden');
            $(this).parent().prev().addClass('show-all');
        });

        $(showLessButton).on('click', function(){
            $(this).addClass('hidden');
            $(this).prev().removeClass('hidden');
            $(this).parent().prev().removeClass('show-all');
        });

        if(currentListItems.length > maxVisibleItemsAtLoad){
            var amountEl = $(buttonsContainer).find('.linkButton__amount');
            $(amountEl[0]).html(currentListItems.length);

            for(var j = 0; j < currentListItems.length; j++){
                if(j > maxVisibleItemsAtLoad - 1){
                    $(currentListItems[j]).addClass('js-show-on-click');
                }
            }

        }else{
            $(buttonsContainer).addClass('hidden');
        }
    }

};