function slidesreport_str(){
	var str='';
	str+=' <style> ';

		str+=' .page4slide {position:relative; page-break-before: always;} ';
		str+=' .div4Header1 { ';
		str+=' 	position:relative; ';
		str+=' 	padding:10px; ';
		str+=' 	font-family: "Times New Roman", Georgia, Serif; ';
		str+=' 	font-size:30pt; '; // 21
		str+=' 	z-index: 1; ';
		str+=' 	} ';


		str+=' .div4Thumb { ';
		str+=' 	position:relative; ';
		// str+=' 	position:absolute; ';
		// str+=' 	top:20px; ';
		// str+=' 	top:-400px; ';
		str+=' 	 left: 20px; '; // 40px
 		str+=' 	 width: 350px; '; // 350px
// 		str+=' 	 height: 500px; '; // 390px
//		str+=' 	border: 2px outset blue; ';
		str+=' 	 z-index: -1; ';
		str+=' 	} ';

		str+=' .div4source { ';
		str+=' 	position:relative; ';
		str+=' 	left:380px; ';//350
		str+=' 	width: 550px; ';//400
		str+=' 	background-color:white; ';
		str+=' 	padding:10px; ';
		str+=' 	text-align:right; ';
		str+=' 	z-index: 1; ';
		str+=' 	} ';

		str+='  .div4Extract { ';
		// str+=' 	position:relative; ';
		str+=' 	position:absolute; ';
		// str+=' 	top: -400px; ';// -600
		str+=' 	top: 200px; ';// -600
		str+=' 	left:150px; ';//150
		str+=' 	width: 775px; '; // 650px
		// str+=' 	height: 1px; ';
		str+=' 	background-color:white; ';
		str+=' 	text-align:justify; ';
		str+=' 	z-index: 1; ';
		str+=' 	} ';

		str+=' .div4Comment { '; // thered comments MUST be below the extract, so relative
		// str+=' 	position:relative; ';
		str+=' 	position:absolute; ';
		str+=' 	bottom: 20px; '; // -580
		// str+=' 	top:20px; ';
		str+=' 	left:380px; '; //346px
		str+=' 	width: 520px; '; // 350px
		// str+=' 	height: 1px; ';
	//	str+=' 	border: 2px outset blue; ';
		str+=' 	background-color:white; ';
		str+=' 	padding:10px; ';
		str+=' 	text-align:justify; ';
		str+=' 	z-index: 1; ';
		str+=' 	} ';

		str+=' BODY{font-family:Arial, Helvetica, sans-serif;color:#000000;margin:0 0 0 0;padding:0 0 0 0;} ';
		str+=' TABLE{border:none;margin:0 0 0 0;padding:0 0 0 0;} ';
		str+=' TD{font-size:11pt;} ';
		str+=' .b{font-weight: bold;} ';
		str+=' .blu{color:#0000ff;} ';
		str+=' .cn{text-align:center;} ';
		str+=' .i{font-style:italic;} ';
		str+=' .lf{text-align:left;} ';
		str+=' .ll{border-left-width: thin;border-left-style: solid;border-left-color:#000000;} ';
		str+=' .lr{border-right-width: 1px;border-right-style: solid;border-right-color:#000000;} ';
		str+=' .lg{font-size:11pt;} ';
		str+=' .lgr{font-size:12pt;} ';
		str+=' .lb{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color:#000000;} ';
		str+=' .lt{border-top-width: 1px;border-top-style: solid;border-top-color:#000000;} ';
		str+=' .lgrn{background-color:#9CE4A6;} ';
		str+=' .lred{background-color:#E98796;} ';
		str+=' .mn4{background-color:#c0c0c0 color;} ';
		str+=' .nfo{background-color: #DFE9EC ;color:#000000;font-size:8pt;vertical-align: top;font-style:italic;} ';
		str+=' .nm{font-size:10pt;} ';
		str+=' .red{color:#cc0000;} ';
		str+=' .rt{text-align:right;} ';
		str+=' .sm{font-size:9pt;} ';
		str+=' .tab_active{text-align:center;border-bottom-width:0;border-left-width: 1px;border-left-style: solid;border-left-color:#000000;border-right-width: 1px;border-right-style: solid;border-right-color:#000000;border-top-width: 1px;border-top-style: solid;border-top-color:#000000;background-color:#2F5E91;color:white;font-weight:bold;border-radius: 5px 5px 0 0;font-style: italic;font-size: 12pt} ';
		str+=' .tab_inactive{text-align:center;border-bottom-width: 0px;border-top-width:1px;border-right-width:1px;border-left-width:1px;background-color:#EEF5F7;color:#4D7382;border-radius: 5px 5px 0 0;border-left-style: solid;border-top-style: solid;border-right-style: solid;font-size: 10pt} ';
		str+=' .tbh{background-color:#5b69a6;color:#ffffcc;text-align:center;font-size:8pt;font-weight:bold;} ';
		str+=' .td{background-color:#f4e0b0 color;} ';
		str+=' .topbar{background-color:#2F5E91;color:#ffffcc;text-align:center;font-size:10pt;font-weight:bold;} ';
		str+=' .u{text-decoration:underline;} ';
		str+=' .vlg{font-size:14pt;} ';
		str+=' .vs{font-size:8pt;} ';
		str+=' .vc{vertical-align: middle;} ';
		str+=' .vt{vertical-align: top;} ';
		str+=' .xxs{font-size:6pt;} ';

		str+=' .xl{font-size:18pt;}';
		str+=' .xxl{font-size:24pt;}';
		str+=' .y{background-color:yellow;} ';
		str+=' </style> ';

// heading
	str+=' 	<table width="950px" cellspacing="0" cellpadding="0" border="0" marginwidth="0" marginheight="0"> ';
	str+=' 		<tr class=""> ';
	str+=' 			<td width="*" class="vlg b cn">';
	str+=' 			'+ LG.case_name ;
	str+=' 			</td>';
	str+=' 		</tr> ';
	str+=' 		<tr class=""> ';
	str+=' 			<td width="*" class="xxl b cn">';
	str+=' 			Slides by Topic' ;
	str+=' 			</td>';
	str+=' 		</tr> ';

	var time = new Date();
	var hrs = time.getHours();
	var mins = time.getMinutes();
	var fulldate = time.toDateString();

	str+=' 		<tr class=""> ';
	str+=' 			<td width="*" class="lg b cn">';
	str+=' 			as at '+hrs+':'+mins+' on '+ fulldate;
	str+=' 			</td>';
	str+=' 		</tr> ';
    str+=' 	</table> ';

	str+='<a name="TopicsListTop">&nbsp;</a>'; // <br>&nbsp;
	str+= overview_str(950);


    // start loop of topics

	var UsingTopicID='';
    for(var i=0;i<LG.slides2show.length; i++){
    	// str+=' 	</table><div class="page4slide">&nbsp;</div > ';
    	str+=' 	<div class="page4slide"> ';
	    var ThisSlide = LG.slides2show[i] ;

	 //   str+=' 	<table width="850px" cellspacing="0" cellpadding="0" border="0" marginwidth="0" marginheight="0"> ';


    	if(ThisSlide.n==""){
        	str+=topic_index4slide(ThisSlide.t,ThisSlide.p);
        	UsingTopicID=ThisSlide.t ;
    	}else{
    		if(ThisSlide.t == UsingTopicID && ThisSlide.n !=''){
    			str+= slide4note(ThisSlide.n,ThisSlide.t,ThisSlide.p);
    		}
    	}

    	str+='</div page4slide> ';

    }
	return str;
}

function overview_str(p_tablewidth){
	var str=''
	str+='<span id="RepTopicsHeading">&nbsp;</span>'

	str+=' 	<table width="'+p_tablewidth+'px" cellspacing="0" cellpadding="0" border="0" marginwidth="0" marginheight="0"> ';
			str+=' 		<tr class=""> ';
			str+=' 			<td width="25%" class="tbh">'; // 25% 250px
			str+=' 			  The Topics';
			str+=' 			</td>';
			str+=' 			<td width="*" class="tbh">Proposition</td>';
			str+=' 			<td width="5%" class="tbh">No of notes</td>'; // 5% 50px
			str+=' 			<td width="3%" class="tbh">Slide No</td>'; // 3% 35px
			str+=' 		</tr> ';

	var slidenumber=0;
	for(var i2 = 0;i2<LG.topicslist.length;i2++){
		var ThisTopic=LG.topicslist[i2].split('##')[0] ;
		var ThisTopicID=LG.topicslist[i2].split('##')[1] ;
		var ThisProposition=LG.topicslist[i2].split('##')[2] ;
		if(LG.case_notes_user_topics[ThisTopicID].show4report==1 && LG.case_notes_user_topics[ThisTopicID].numnotescounted > 0){
			slidenumber++ ;

			var NumSLides=LG.case_notes_user_topics[ThisTopicID].numnotescounted;

					str+=' 		<tr class=""> ';
					str+=' 			<td class="nm vt lf ll lb">';
					// str+='<a onclick="gEID(\'header4topic_'+ThisTopicID+'\').scrollIntoView()">'
					str+='<a onclick="getElementById(\'header4topic_'+ThisTopicID+'\').scrollIntoView()">'
					str+= ThisTopic;
					str+='     </a>';
					str+=' 			</td>';
					str+=' 			<td class="nm vt lf ll lb">';
					str+= ThisProposition;
					str+=' 			</td>';
					str+=' 			<td class="nm vt cn ll lb">';
					str+= NumSLides;
					str+=' 			</td>';
					str+=' 			<td class="nm vt cn ll lb  lr">';
					str+= slidenumber;
					str+=' 			</td>';
		}
	}
    str+=' 	</table> ';
    return str;
}

function topic_index4slide(p_topic_id,p_slidenumber){
	var str=''
	str+='<span id="header4topic_'+p_topic_id+'">&nbsp;</span> ';
	str+=' 	<table width="950px" cellspacing="0" cellpadding="0" border="0" marginwidth="0" marginheight="0"> ';

	str+=' 		<tr class=""> ';
	str+=' 			<td class="lgr vt red b lt" width="700px">';


	str+= LG.case_notes_user_topics[p_topic_id].topic ;
	str+=' 			</td>';
	str+=' 			<td class="lgr vt rt b lt"  width="150px">';
 	str+='<a onclick="getElementById(\'RepTopicsHeading\').scrollIntoView()"><img src="/CogNotes/code/dfn/arw.red.up.png" width="15px"><span class="blu vs i ">Back to top</span></a>&nbsp;&nbsp; ';
	str+=' 			Slide '+p_slidenumber+'<br>&nbsp;' ;
	str+=' 			</td>';
	str+=' 		</tr>';

	str+='<tr ><td colspan=2 class="tbh lf" style="text-align:left;">Propositions</td></tr>';
	str+='<tr ><td colspan=2 class="lf blu i ll lb lr">'+LG.case_notes_user_topics[p_topic_id].propositions+'<br>&nbsp;</td></tr>';

	str+='<tr ><td colspan=2 class="" >&nbsp;</td></tr>';


	str+='<tr ><td colspan=2 class="tbh lf" style="text-align:left;">Slides</td></tr>';
	 for(var i=0;i<LG.slides2show.length; i++){
	 	var ThisSlide = LG.slides2show[i] ;
				  if(ThisSlide.t == p_topic_id && ThisSlide.n !=''){
						str+=' 		<tr class="" height="30px"> ';
						str+=' 			<td class="lf i ll lb ">';
						str+= ThisSlide.n+') '+LG.notes[ThisSlide.n].note ;
						str+=' 			</td>';
						str+=' 			<td class="rt i   lb lr">Slide '+ThisSlide.p+' &nbsp;' ;
						str+=' 			</td>';
						str+=' 		</tr>';
				  }
	 }
	str+=' 	</table> ';
	return str;
}

function slide4note(p_notenum,p_topic_id,p_slidenumber){
	var str=''
	var ThisNote=LG.notes[p_notenum];
	var ThisDocnum = ThisNote.docnum ;
	var ThisTbi='';
	try{
	  ThisTbi= CaseDocsData[ThisDocnum].tb_item;
	  if(ThisTbi==null || ThisTbi=='null'){
	  	ThisTbi='';
	  }
	}catch(e){}
	str+=' 	<table width="950px" cellspacing="0" cellpadding="0" border="0" marginwidth="0" marginheight="0"> ';
	str+=' 		<tr class=""> ';
	str+=' 			<td class="lgr vt red b lt" width="700px">';
	str+= LG.case_notes_user_topics[p_topic_id].topic ;
	str+=' 			</td>';
	str+=' 			<td class="lgr vt rt b lt"  width="150px">Slide '+p_slidenumber+'' ;
	str+=' 			</td>';
	str+=' 		</tr>';

	str+=' 		<tr class=""> ';
	str+=' 			<td colspan=2 class="" style="font-family: Arial, Helvetica; font-size:24pt; " >';

	str+='<a href="https://courtdocuments.online/docvu.php?a='+LG.case_id+','+ThisDocnum+','+ThisNote.page+'" target="_blank">';
	str+= p_notenum+')&nbsp;'+ThisNote.note+'</a>' ;



	str+=' 			</td>';
	str+=' 		</tr>';
	str+=' 	</table> ';
	str+='<div class="div4source lf lgr red style="color:#990000; border: 3px outset turquoise" >' ;
	if(ThisTbi !=''){
	  str+= '(Exh  '+ThisTbi+') ' ;
	}
	 str+= '  Doc '+ThisNote.docnum ;
	 str+= ThisNote.page!='' ? ' at p'+ThisNote.page:'';
	 try{
	 str+='<br>'+ CaseDocsData[ThisNote.docnum].descrip;
	 }catch(e){}

	 if(ThisNote.alsodocnum
	 &&
	 ThisNote.alsopage

	 ){
		 try{
			str+='<br><span class="nm i blu">Also in Doc '+ ThisNote.alsodocnum +' at p'+ThisNote.alsopage+'</span>';
		 }catch(e){}
	 }

	str+='</div div4source>' ;


	str+='<div class="div4Thumb">' ;
		// var thumbwide='350px';// 450
		var thumbwide='300px';// 450
		// var thumbhigh='470px'; // 630
		var thumbhigh='400px'; // 630
		var pdfjs_url=""+LG.path2notesPDFs+"/"+p_notenum+".pdf" ;

		str+='<img src="'+pdfjs_url+'" width="'+thumbwide+'" height="'+thumbhigh+'" style="border: 1px outset black;">'
	str+='</div div4thumb>' ;

	if(ThisNote.textract !='' && ThisNote.textract.length > 10){

		var v_fontsize='21pt';
		if(ThisNote.textract.length>450){
			if(ThisNote.textract.length>1000){
			 v_fontsize='11pt';
			}else{
			 v_fontsize='14pt';
			}
		}

		str+='<div class="div4Extract js vlg vc ls1-5 blu i"';
			str+=' style="text-align:justify; font-family: Arial, Helvetica; font-size:'+v_fontsize+';border: 3px outset turquoise;padding:10px; " ';
			str+='>';
			var v_alltext = ThisNote.textract.replace(/\n/g,"  ");
			v_alltext = v_alltext.replace(/\n/g,"  ");
			v_alltext = v_alltext.replace(/<br>/g,"  ");
			v_alltext = v_alltext.replace(/__AMP__/g,'&');
			str+=' '+v_alltext;
		str+='</div div4Extract>' ;
	}
	if(ThisNote.comment !='' && ThisNote.comment.length > 10){
		if(LG.showredcomments==1){
			// str+='<div class="div4Comment"  style="color:red; border: 3px outset turquoise">' ;
			str+='<div class="div4Comment"  style="color:red;">' ;
			str+=' '+ThisNote.comment;
			str+='</div div4Comment>' ;
		}
	}

	// str+='line 306';
	return str;
} // eof slide4note

function make_slides2show(){
	LG.slides2show=[];
	var MainParanum=0;
	var SubParanum=0;
	var using_topic='notyetstarted';
	var using_topic_id='notyetstarted';
	for(var i2 = 0;i2<LG.topicslist.length;i2++){
		var ThisTopic=LG.topicslist[i2].split('##')[0] ;
		var ThisTopicID=LG.topicslist[i2].split('##')[1] ;
		if(ThisTopic != using_topic
		    && LG.notes4topics.hasOwnProperty(ThisTopicID)
			&& ThisTopicID !='new'
			&& LG.case_notes_user_topics[ThisTopicID].show4report==1 // ie use this topic
		 ){
		 	MainParanum++;
			SubParanum=0;
			var v_Slides2showLength=LG.slides2show.length;
			LG.slides2show[v_Slides2showLength]={"t":ThisTopicID,"n":"","p":MainParanum} ;
			using_topic=ThisTopic;
			using_topic_id=ThisTopicID ;
			Ar4Notes4ThisTopic=[];
			try{
				Ar4Notes4ThisTopic = LG.notes4topics[ThisTopicID];
			}catch(e){alert('Ar4Notes4ThisTopic err  : '+e)}
			for(var k=0;k<Ar4Notes4ThisTopic.length;k++){
				var ThisNoteNumber =Ar4Notes4ThisTopic[k] ;
				if(LG.notes[ThisNoteNumber] && LG.notes[ThisNoteNumber].note_num ){
					try{
						SubParanum++ ;
						var vnum = MainParanum+'.'+SubParanum ;
						v_Slides2showLength=LG.slides2show.length;
						LG.slides2show[v_Slides2showLength]= {"t":ThisTopicID,"n":ThisNoteNumber,"p":vnum}; //'n'+ThisNoteNumber;
					}catch(e){alert('note str for note '+ThisNoteNumber+' err'+e)} // 753
				}// if the note exists
			} // for(var k=0

			LG.case_notes_user_topics[ThisTopicID].SlideNumberIndex = MainParanum;
			LG.case_notes_user_topics[ThisTopicID].numnotescounted = SubParanum;
		}
	}
}//eof make_slides2show