const compaMax=5;
const compaList=document.body.getElementsByClassName('compaList');
const compaListingViewed=document.body.getElementsByClassName('compa_listing_viewed');
if(compaList&&compaListingViewed){
	var compaListArray=new Array();
	function cptbl_init(){
		for( i=0; i<compaList.length; i++ ){
			compaList[i].style.display='none';
			compaListArray[i]=compaList[i].innerHTML.replace(/(?:\r\n|\r|\n)/g,'').split(',');
		}
		cptbl_make_listing(compaListArray,'compa_listing_viewed',true);
	}
	function cptbl_make_listing(listArray,idx,hidden){
		_idx=document.getElementById(idx);
		html='';
		
		for( i1=0; i1<listArray.length; i1++ ){
			display='';
			html=html+'<div><b>'+listArray[i1][0]+'</b></div>';
			//html=html+'<div><input type="text" id="cptbl_searchtext_'+i1+'" onkeyup="cptbl_search(this.value,'+i1+',\'cptbl_founded_\',false);" placeholder="Поиск по '+listArray[i1][0]+'"></div>';
			html=html+'<div><input type="text" id="cptbl_searchtext_'+i1+'" onkeyup="cptbl_search(this.value,'+i1+',\'cptbl_founded_\',false);" placeholder="'+listArray[i1][1]+'"></div>';
			html=html+'<div id="cptbl_founded_'+i1+'">';
			showAll=false;
			founded=0;
			viewed=0;
			for( i2=2; i2<listArray[i1].length; i2++ ){
				if(i2>compaMax&&hidden===true)
					showAll=true;
				if(i2>compaMax&&hidden===true)
					display=' style="display:none;"';
				else
					viewed++;
				html=html+'<div'+display+'>'+listArray[i1][i2]+'</div>';
				founded++;
			}
			html=html+'</div>';
			if(founded>compaMax)
				html=html+'<div id="cptbl_button_'+i1+'"><button type="button" onclick="cptbl_search(\'\','+i1+',\'cptbl_founded_\',false);">Посмотреть все</button></div>';
			html=html+'<div style="padding-bottom:15px;"></div>';
		}
		_idx.innerHTML=html;
	}
	function cptbl_search(keyword,elem,kuda,hidden){
		_cptbl_searchtext=document.getElementById('cptbl_searchtext_'+elem);
		keyword=_cptbl_searchtext.value.toUpperCase();
		_cptbl_founded=document.getElementById(kuda+elem);
		new_html='';
		display='';
		founded=0;
		viewed=0;
		for( i1=2; i1<compaListArray[elem].length; i1++ ){
			if(keyword==''||compaListArray[elem][i1].toUpperCase().indexOf(keyword)!=-1){
				if(i1>compaMax&&hidden===true)
					display=' style="display:none;"';
				else
					viewed++;
				new_html=new_html+'<div'+display+'>'+compaListArray[elem][i1]+'</div>';
				founded++;
			}
		}
		_cptbl_founded.innerHTML=new_html;
		_cptbl_button=document.getElementById('cptbl_button_'+elem);
		if(viewed>compaMax&&display=='')
			_cptbl_button.innerHTML='<button type="button" onclick="cptbl_search(\''+keyword+'\','+elem+',\'cptbl_founded_\',true);">Свернуть</button>';
		else
		if(viewed<=compaMax&&i1>compaMax&&founded>compaMax)
			_cptbl_button.innerHTML='<button type="button" onclick="cptbl_search(\''+keyword+'\','+elem+',\'cptbl_founded_\',false);">Посмотреть все</button>';
		else
			_cptbl_button.innerHTML='';
	}
	cptbl_init();
}