var strChoosecolumnTxt = "kies de zichtbare kolommen: " //uit asp config
var autoid_counter=0;
function fncFindtTableCColumn(){
	var tbls = document.getElementsByTagName('table');
	for (var i=0; i<tbls.length; i++){ 
		var thisTbl = tbls[i];
		if(thisTbl.id.indexOf('choosecolumn')>0){
			fncMakeCColumns(thisTbl)
		}
	}
}

function fncMakeCColumns(table) {
	var strChoose ="";
	if (table.rows && table.rows.length > 0) {
		var firstRow = table.rows[0];
	}
	if (!firstRow) return;
	for (var i=0;i<firstRow.cells.length;i++) {
		autoid_counter=++autoid_counter;
		var cell = firstRow.cells[i];
		if(!cell.id){cell.id='auto_columnid_'+autoid_counter;}
		var id = cell.id
		
		//text in tablecell
		if(document.all){
			var txt = cell.innerText;
		}else{
			var txt = cell.textContent;
		}

		var settings = cell.getAttribute('column_settings')
		if(!settings){settings='';}
		//settings
		if(settings.indexOf('lock:true')==-1){
			strChoose = strChoose+"<input type='checkbox' id='chckbx_"+id+"' name='chckbx_"+id+"' onclick='fncSwitchColumn(\""+table.id+"\",\""+i+"\",\"chckbx_"+id+"\")' checked><label for='chckbx_"+id+"'>"+txt+"</label>";
		}
	}
	var choosebx = document.createElement('div')
	choosebx.innerHTML = strChoosecolumnTxt+strChoose
	choosebx.id = 'choosebx_'+table.getAttribute('id');
	choosebx.className = 'choosebx';
	insertAfter(choosebx,table)
	//document.getElementById(choosebx.id).style.display = 'block';
	//document.getElementById(choosebx.id).style.width = table.style.width
}

function insertAfter(newElement,targetElement) { 
  var parent = targetElement.parentNode; 
  if (parent.lastChild == targetElement) { 
    parent.appendChild(newElement); 
  } else { 
    parent.insertBefore(newElement,targetElement.nextSibling); 
  } 
}

function fncSwitchColumn(tableid,columnnr,chckbxid){
	var table = document.getElementById(tableid);
	for (var r = 0; r < table.rows.length; r++){
		if(document.getElementById(chckbxid).checked==false){
			table.rows[r].cells[columnnr].style.display = 'none';
		}
		else{
			table.rows[r].cells[columnnr].style.display = 'block';
		}
	}
}
