function ShowNotesLikeHeads(){
	document.getElementById('div4notes').innerHTML=ShowNotesLikeHeads_str();
}
function ShowNotesLikeHeads_str(JD,IsPrinting,p_ExpandAllTopics,p_copypaste){
	p_ExpandAllTopics = p_ExpandAllTopics?p_ExpandAllTopics:ExpandAllTopics ;

	var forcopypaste= p_copypaste ? p_copypaste : false ;
	try{
	var DisplayOnlyTopicID = LG.displayOnlyNote.topic_id;
	var DisplayOnlyNote = LG.displayOnlyNote.NoteNumber;
	LG.slides2show=[];
	var MainParanum=0;
	var SubParanum=0;
	var rownum=0*1;
	var str='<br> ';
	// if(!IsPrinting){
		str+=scroller_top(575);
		str+='<div id="ScrollerForNotes" style="width;625px;height:800px;border:0;overflow:auto;">';
	// }
//////////////////////////////////////////////////////////////////////
	// if(!LG.displayOnlyNote.hasOwnProperty('NoteNumber') ){
	// if(1==1){
		str+=' <table width="650px" marginheight="0" marginwidth="0" class="cn" border="0" cellpadding="0" cellspacing="0" > ';
		str+='   <tr height="35px"> ';
		str+='     <td width="*" class="topbar vc lgr cn" style="font-size:20pt;">';
		str+='       Hyperlinked Guide to Evidence ';

		str+='     </td> ';
		if(!IsPrinting){
			str+='     <td width="100px" class="topbar vc rt">';
			str+='     <img src="/CogNotes/code/dfn/print.png" height="35pt" class="vb" onclick="PrintTheNotes();">';
			str+='     </td> ';
		}
		str+='   </tr>';




		str+=' </table> ';

	// LG.showprivatecomments=1;
	str+=' <table width="650px" marginheight="0" marginwidth="0" class="cn" border="0" cellpadding="0" cellspacing="0" > ';
	str+=' 		<tr class="cn"> ';
	str+=' 			<td class="cn">';
	str+='  		   <span class="sm i">Show private comments?</span>  ';
	str+='  		   <input type=hidden id="is_private" value="0"> ';
	var vchecked=LG.showprivatecomments==0?'  checked ':'' ;
	str+='   		  <input type="radio" name="radio4isnoteprivate" value="0" '+vchecked+' id="radio4is_private0" onchange="LG.showprivatecomments=this.value;ShowNotesLikeHeads();"><label for="isnoteprivate">No</label>';
	var vchecked=LG.showprivatecomments==1?'  checked ':'' ;
	str+='  		    &nbsp; /&nbsp;  <input type="radio" name="radio4isnoteprivate" value="1"  '+vchecked+'  id="radio4is_private1" onchange="LG.showprivatecomments=this.value;ShowNotesLikeHeads();"><label for="isnoteprivate">Yes</label>';
	str+=' 			</td>';
	str+=' 		</tr> ';
	str+=' </table> ';



// 		if(IsPrinting || p_ExpandAllTopics==1){
		str+=' <table width="650px" marginheight="0" marginwidth="0" class="cn" border="0" cellpadding="0" cellspacing="0" > ';
			str+='   <tr height="35px"> ';
			str+='     <td colspan=2 class="cn" style="font-size:14pt;">';
			str+= RepTopicsHeading(IsPrinting);
			str+='     </td> ';
			str+='   </tr>';
		str+=' </table> ';
// 		}



	// } // if(!LG.displayOnlyNote.hasOwnProperty('NoteNumber')
	var using_topic='notyetstarted';
	var using_topic_id='notyetstarted';
	var UsingTopic_id=-1;
	var vstyle='';
	var TopicHeader =''
	var topics_counter=0;
	var v_parent_sort='';
	var v_topic_name='';
	// make a sorted array of 	case_notes_user_topics
	var JD = LG.notes;

	for(var i2 = 0;i2<LG.topicslist.length;i2++){ // to 3760
		var ThisTopic=LG.topicslist[i2].split('##')[0] ;
		var ThisTopicID=LG.topicslist[i2].split('##')[1] ;

		if(LG.case_notes_user_topics[ThisTopicID].show4report==1){

		var ThisProposition=LG.topicslist[i2].split('##')[2] ? LG.topicslist[i2].split('##')[2] : '' ;
		var topicstable_width= 650;
		var singletonTOPIC=false;
		MainParanum++;
		SubParanum=0;

			// open table for this topic header
		var twidth=singletonTOPIC? 500:600;
		var redrepeats= singletonTOPIC? 50:77;


		str+=' <table cellspacing="0" cellpadding="0" border="0" width="'+twidth+'px" >';
		// topics_counter ++;
			str+='  	<tr height="5">  ';
			str+='          <td colspan=5 width="100%" class="red vb b">'+repeat('_',redrepeats)+'&nbsp;</td>  ';
			str+='  	</tr>  ';

					str+='   <tr> ';
					var paranum2show= singletonTOPIC?'': MainParanum+') ';
					str+='     <td class="lg red lf vt">  <span style="color:black" class="sm">'+paranum2show+'</span> '; // sm red lf b // red vlg lf vlg lgr
//					if(!IsPrinting && !LG.displayOnlyNote.hasOwnProperty('NoteNumber') ){
					str+='  		 <img onclick="document.getElementById(\'div4topic'+ThisTopicID+'\').style.display=\'block\';document.getElementById(\'div4propositions4topic'+ThisTopicID+'\').style.display=\'block\';" alt="Show" src="/CogNotes/code/dfn/plus_small.gif"> ';
					str+='  		<img onclick="document.getElementById(\'div4topic'+ThisTopicID+'\').style.display=\'none\';document.getElementById(\'div4propositions4topic'+ThisTopicID+'\').style.display=\'none\'" alt="Hide" src="/CogNotes/code/dfn/minus_small.gif"> ';
					var v_Slides2showLength=LG.slides2show.length;
					var vThisSLideElenum = v_Slides2showLength - 1;

					str+= '  		 <img src="/CogNotes/code/dfn/slidescreen.png" width="12" class="cb" onclick="show_slide4topic('+ThisTopicID+','+v_Slides2showLength+')">';
					LG.slides2show[v_Slides2showLength]={"t":ThisTopicID,"n":"","p":MainParanum} ; // ''t'+ThisTopicID;
					// str+='<a onclick="document.getElementById(\'div4topic'+ThisTopicID+'\').style.display=\'block\';document.getElementById(\'div4propositions4topic'+ThisTopicID+'\').style.display=\'block\';" >';
					str+='<span id="header4topic_'+ThisTopicID+'">&nbsp;</span> ';
							// str+='</a>';
// 					}else{
// 						str+='<br>';
// 					}
					var NumNotes = LG.notes4topics[ThisTopicID].length ;
					var shownumnotes='';
					if(NumNotes>0){
						var shownumnotes='<span class="nm blu"> ('+NumNotes+' notes)</span>';
					}


					str+='  <a class="red" onclick="document.getElementById(\'div4topic'+ThisTopicID+'\').style.display=\'block\';document.getElementById(\'div4propositions4topic'+ThisTopicID+'\').style.display=\'block\';" class="red lgr";>'+ThisTopic+''+shownumnotes+'</a>  &nbsp; ';

					if(!IsPrinting && p_ExpandAllTopics==1){
						str+='<a onclick="gEID(\'RepTopicsHeading\').scrollIntoView()"><img src="/CogNotes/code/dfn/arw.red.up.png" width="15px"><span class="blu vs i ">Back to top</span></a>';
					}
					str+='    </td> ';
					str+='   </tr>';
		str+='</table>'; // close table for this topic header
			var style4div4topic='block';
			if(IsPrinting || p_ExpandAllTopics==1 || ShowNotes==true){
		//	if(IsPrinting || p_ExpandAllTopics==1 ){
				style4div4topic='block';
			}
		// propositions
		// var display4propositions = ShowPropositions?'block':'none';
		display4propositions = 'block';
		if(UsingTopic_id == ThisTopicID || style4div4topic=='block'){
			display4propositions = 'block';
		}

		// div4propositions4topic
		str+='<div id="div4propositions4topic'+ThisTopicID+'" style="display:'+display4propositions+'">';
			var ThisProp='';
			var ThereAreProps=false;
			try{
				var ThereAreProps = ThisProposition.length>0 ? true : false;
			}catch(e){}

					// open propositions table
				var topicstable_width=singletonTOPIC? 500:600;
				str+='<table cellspacing="0" cellpadding="0" border="0" ';
					str+=' width="'+topicstable_width+'"    >  ';

					var listnum='';
					// try{
					if (ThereAreProps){
						var ThisProp=ThisProposition;
								str+='  	<tr>  ';
								str+='      <td width="5%" class="sm red lf b ">&nbsp;</td>  ';
								try{
									var r_propositions = ThisProposition.split('\n');
									ThisProp = r_propositions.join ('<br> <br>')
								}catch(e){}
								str+='      <td width="95%" class="lg ls1-5 i lf vb  blu">'+ThisProp+'</td>  ';
								str+='  	</tr>  ';
						}else{ // no propositions
								str+='  	<tr>  ';
								str+='      <td width="5%" class="sm red lf b">&nbsp;</td>  ';
								str+='      <td width="95%" class="sm i lf vb  blu">No propositions yet added</td>  ';
								str+='  	</tr>  ';
						}
				str+='</table>'; // </tbody> close propositions table
		str+='</div>'; // close div4propositions4topic

		// var display4notes = ShowNotes?'block':'none';
		var display4notes = 'block' ;
		if(UsingTopic_id == ThisTopicID){
			display4notes = 'block';
		}

		using_topic=ThisTopic;
		using_topic_id=ThisTopicID ;
		LG.using_topic_id = ThisTopicID ;
		Ar4Notes4ThisTopic=[];

		try{
			Ar4Notes4ThisTopic = LG.notes4topics[ThisTopicID];
		}catch(e){alert('Ar4Notes4ThisTopic err  : '+e)}

	str+='<div id="div4topic'+ThisTopicID+'" style="display:'+style4div4topic+'">';
				// loop notes for topic
				var singleton=false;
				for(var k=0;k<Ar4Notes4ThisTopic.length;k++){
					var ThisNoteNumber =Ar4Notes4ThisTopic[k] ;
					singleton=false;
					if(k==0){ // header
							str+=' <table cellspacing="0" cellpadding="0" border="0" width="630px" >';
							str+='  	<tr>  ';
							str+='          <td width="30px" class="">&nbsp;</td>'; // sub paranum
							str+='          <td width="*" class="sm  cn">&nbsp;</td>'; // note
							str+='  	</tr>  ';

					}

			//		if(LG.notes[ThisNoteNumber] && LG.notes[ThisNoteNumber].note_num ){
					if(LG.notes[ThisNoteNumber] && LG.notes[ThisNoteNumber].note_num && LG.notes[ThisNoteNumber].hidden==false){
					try{
							var ThisNote = JD[ThisNoteNumber];
							if(!ThisNote.hidden || ThisNote.hidden==false){
								LG.notes[ThisNoteNumber].hidden=false;
							}
							if(  (!ThisNote.hidden || !IsPrinting)
 								 &&
 								 // (ThisNote.noteMode!='NonDocNote' || !LG.hide_nondocnotes)
 								 ( !LG.hide_nondocnotes)
							){ // dont show if hidden
							if(!LG.displayOnlyNote.hasOwnProperty('NoteNumber') || LG.displayOnlyNote.NoteNumber==ThisNoteNumber){

			// start this note
							str+='   <tr height=3> ';
							str+='     <td colspan=2 class="lt" style="background-color:yellow;display:none" id="Topic-'+ThisTopicID+'-Note-'+ThisNote.note_num+'"> &nbsp; &nbsp;</span></td> ';
							str+='   </tr>';

							str+='  	<tr>  ';
							rownum++;
							SubParanum++ ;
							var vnum = MainParanum+'.'+SubParanum ;
							var v_Slides2showLength=LG.slides2show.length;
							LG.slides2show[v_Slides2showLength]= {"t":LG.using_topic_id,"n":ThisNoteNumber,"p":vnum}; //'n'+ThisNoteNumber;

	// LG.displayOnlyNote={"NoteNumber":ThisNoteNumber,"topic_id":LG.using_topic_id};

					var slideshow_str='';
					var theEye_str='';
					var bgcolor='white';
					if(!LG.hide_colours){
						 switch (ThisNote.RAG) {
						  case 'red':
						   bgcolor='#E98796;'; // ;red
						   break;
						  case 'amber':
						   bgcolor='#FFBF00;'; // ;amber
						   break;
						  case 'green':
						   bgcolor='#9CE4A6;'; // ;lgrn
						   break;
						 default:
							bgcolor='white';
						 }
					}


				 if(!IsPrinting && !LG.displayOnlyNote.hasOwnProperty('NoteNumber')){

// 						if(ThisNote.comment && ThisNote.comment.length>0){
// 						theEye_str='<img src="/CogNotes/code/dfn/View-128.png" width="15px" class="vt">';
// 						}
						// when display single note dont show slide cos slidelist is too short
							slideshow_str+= '<img src="/CogNotes/code/dfn/slidescreen.png" width="15" class="cb" onclick="show_slide(\''+ThisNoteNumber+'\','+ThisTopicID+','+v_Slides2showLength+')">';

					}

					vnum = singletonTOPIC?'':vnum ;
	// 21Nov21								str+='          <td class="vt rt sm">'+theEye_str+' '+vnum+' &nbsp; '+slideshow_str+' </td>';
									str+='          <td class="vt lf lg ls1-5 lt">&nbsp;'+vnum+'</td>';

									 var call2expand ='<img onclick="ExpandCognote(\''+ThisNote.note_num+'\','+rownum+','+LG.using_topic_id+',\'do\');" src="/CogNotes/code/dfn/plus_small.gif">';
									 if(ThisNote.docnum=="" || ThisNote.docnum.length < 1){
										var call2expand ='';
									 }
			var lineright = singletonTOPIC ?' lr':'';

			var v_atpage = ThisNote.page && ThisNote.page !='' ? ' p'+ThisNote.page : '';
			var v_docnum = ThisNote.docnum ;
// 			if( LG.xdocnum!='null' && LG.xdocnum!=null && LG.xdocnum != ThisNote.docnum){
// 			  v_notenumber = LG.xnote_num ;
// 			  v_path2notesPDFs = LG.path2notesPDFs.replace(LG.case_id,LG.xcase_id);
// 			}
			var v_xnotexcase_id =  ThisNote.xnotexcase_id=='null'?'': ThisNote.xnotexcase_id;
			var v_xdocxcase_id =  ThisNote.xdocxcase_id='null'?'': ThisNote.xdocxcase_id;
			var v_xdocnum =  ThisNote.xdocnum =='null'?'': ThisNote.xdocnum;
			var v_xnote_num =  ThisNote.xnote_num =='null'?'': ThisNote.xnote_num;


			if(ThisNote.noteMode=='DocNote'){
						var HotlinkStr='<a onclick="viewHLdoc('+ThisNote.docnum+','+ThisNote.page+',\''+ThisNote.note_num+'\',\'Topic-'+ThisTopicID+'-Note-'+ThisNote.note_num+'\',\''+v_xdocxcase_id+'\',\''+v_xdocnum+'\',\''+v_xnote_num+'\',\''+v_xnotexcase_id+'\')"><span class="blu i u sm" id="HL_txt4_3">Note '+ThisNote.note_num+' Doc '+ThisNote.docnum+''+v_atpage+'</span></a> '; // <br> &nbsp;';
			 //                                     viewHLdoc(p_docnum           ,p_page=1         ,p_notenum='none'         ,p_div2hilite=''                                     ,xdocxcase_id=null      ,xdocnum=null    ,xnote_num=null     ,xnotexcase_id=null){

			}else{
						var HotlinkStr=''; // <br> &nbsp;';
					//	var HotlinkStr='<a onclick="viewHLdoc('+ThisNote.docnum+','+ThisNote.page+',\''+ThisNote.note_num+'\',\'Topic-'+ThisTopicID+'-Note-'+ThisNote.note_num+'\',\''+v_xdocxcase_id+'\',\''+v_xdocnum+'\',\''+v_xnote_num+'\',\''+v_xnotexcase_id+'\')"><span class="blu i u sm" id="HL_txt4_3">Note '+ThisNote.note_num+' Doc '+ThisNote.docnum+''+v_atpage+'</span></a> '; // <br> &nbsp;';
			} // if DocNote

					var v_datedstr2use= ThisNote.dated=='0000-00-00' || ThisTopicID=='1' || ThisTopicID * 1 == 1 ?'':  ' ('+ThisNote.dated+')' ;

					var p_note_num = ThisNote.note_num ;


					var ChronDate4Story= ThisTopicID=='1' || ThisTopicID * 1 == 1 ? '<span class="lgr blu b">'+ThisNote.dated+'</span> ':'';

					str+='  <td class=" lf lg ls1-5 '+lineright+'  lt"> '
					               + ChronDate4Story
									+ ThisNote.note+' '+v_datedstr2use
									;

				 	if(ThisNote.noteMode=='DocNote'){

					// if(ThisNote.docnum !="" && ThisNote.docnum.length > 0){
							var v_src= 'Doc '+ThisNote.docnum+': ';
							v_src += LG.notes[p_note_num].descrip +' at p'+LG.notes[p_note_num].page;
							v_src += LG.notes[p_note_num].atlines? ' (line '+ LG.notes[p_note_num].atlines+')':''; //  +' at '+LG.notes[p_note_num].page;

							str+='<br>'
							+'<span class="nm"><u>Source: </u>'+v_src+'</span> '
							+'<br> &nbsp;  &nbsp; &nbsp;  '+HotlinkStr+''
							;
					}else{
					  str+='<br> &nbsp;'
					}



					 var v_comment='';
					if(LG.notes[p_note_num].comment){
						if(LG.showprivatecomments==1 || LG.notes[p_note_num].is_private==0){
							var v_class= LG.notes[p_note_num].is_private=='1' ?'red lgr b':' blk nm';
							var vlabel= LG.notes[p_note_num].is_private=='1' ?'PRIVATE NOTE':' Submit';
							v_comment+='<br><u>'+vlabel+': </u>'+ LG.notes[p_note_num].comment;
							str+='<span class="nm '+v_class+'">'+v_comment+'</span>';
						}
					}


					str+='<div id="div4detail4row'+rownum+'" style="display:block">' ;




					if(singletonTOPIC || ExpandNotes){
						str+= ExpandCognote(ThisNote.note_num,rownum,LG.using_topic_id,'return');
					}
					str+= '</div> '
				//		+'<br> &nbsp;';
						+'</td>';
			if(!singletonTOPIC){

			}

								str+='  	</tr>  ';
			// end this note
								} // if LH.displayOnlyNote
								} // if(!ThisNote.hidden
					}catch(e){alert('SN4H Line 345 note str for note '+ThisNoteNumber+' err'+e)} // 753
					}// if the note exists
				} // for(var k=0;k<Ar4Notes4ThisTopic.length;k++)
				str+='</table>';
	str+='</div>'; // close div for topic content

			// }// if LH.displayOnlyNote line 118

		// } // line 104 if(LG.topicslist[i2] != using_topic && LG.notes4topics.hasOwnProperty(ThisTopicID)){


		} // if show4report==1
	} // for(var i2 = 0;i2<LG.topicslist.length;i2++){
	//////////////////////////////////////////////////////////////////////
	if(!IsPrinting){
		str+='</div ScrollerForNotes>'; // ScrollerForNotes
		str+=scroller_bottom(575);
	}
	return str;
}catch(e){alert('displaynotes_str2 err '+e)} // 637
}