##formatter.TextRender()<contentof>
	##local.define(ZonesSection)<contentof>Notepad</contentof>

	##include(Defaults)
	##local.define(Title)<CONTENTOF>##leg.ZONESOPAC.ViewNotes.Title</CONTENTOF>
	##local.define(PageTitle)<CONTENTOF>##leg.Expand(ZONESOPAC.ViewNotes.Title)</CONTENTOF>
	##helpcontext.addHelp(ViewNotes)
	##helpcontext.addHelp(Toolbar)

	##local.define(NotEmpty)<contentof>1</contentof>        

##local.define(PageHeaderScripts)<contentof>
	
	##if sessioncfg.ZONES.Portal3.PlayMP3InResultList
		<script type="text/javascript" src="/script/lib/jQuery.jPlayer.0.2.2/jquery.jplayer.js"></script>
	##endif
		
	
	<script type="text/javascript">

			##if sessioncfg.ZONES.Portal3.PlayMP3InResultList
			$('#jpId').jPlayer( {
				
				swfPath : '/script/lib/jQuery.jPlayer.0.2.2'
									
				
			} );
			##endif

			
			var track = null;
			
			function PlayTrack( id )
			{
				if
					(track != null)
				{
					$('#stop_'+track).hide();
					$('#play_'+track).show();
				}
				$('#jpId').stop().setFile( "APS_ZONES?fn=EZonesFile&aspect=data&q="+id).play();
				
				track=id;	
				$('#play_'+track).hide();
				$('#stop_'+track).show();
			}	
			 
			
			function StopTrack()
			{
				if
					(track != null)
				{
					$('#stop_'+track).hide();
					$('#play_'+track).show();
				}
				$('#jpId').stop();	
				track = null;	
			}	
	</SCRIPT>		

	
	<SCRIPT type="text/javascript">

		##if sessioncfg.ZONES.Portal3.JustPrintCallNumberReceipts		 
			printExtent = "&Extent=Detailed&Options.Format=CoteReceipt";
		##else
		
			##if sessioncfg.ZONES.Print.AllowPrintOptionsForNotePad 
				printOptions = "&Options.Choose=1&Options.Type=Notepad";
			##else
				printOptions = "&Method=Print&Options.Choose=0&Options.Type=Notepad";
			##endif			
		##endif
		
		
		##if sessioncfg.ZONES.Export.Enabled 
		function ExportList()
		{
            printOptions ="&Options.Export=1";
			printExtent = "&Extent=Detailed"; 
			printList(); 

		}	
		##endif
		
		function printList()
        {
			PrintList();
		}
		
		function fnLinkClicked( strURL )
        {
			var t = strURL.toLowerCase();
			if
				(t.indexOf("http://zones")==0)
			{
				var r = "##local.Data(HTTP_URLPrefix)"
				var u = strURL.substr(13);
				document.location.href = r+u+"&Parent=##this.obj";
				return ;
			}
			
			
        ##if sessioncfg.ZONES.ShowIsearchResultInPopup
       		var strTitle = "";
            var url = "APS_UI_BROWSER?##this.StyleSet&URL=";
            var loc = escape (strURL);
            url += loc;

            fnLaunchBrowse ( url, strTitle, "1", 900 );
            if (event)
            {
               if (event.returnValue)
               {
                 event.returnValue = false;
               }
            }
            //window.location ="APS_EMBEDDED_BROWSER?##this.styleset&url=" + strURL;
		##else
			window.open(strURL);
			return;
        ##endif
        
    }

	function doMoreDetailsSummaryBrowse(isMom,link)
	{
		var strTitle;
		var url = "APS_UI_BROWSER?##this.StyleSet&URL=";
		var loc = escape (link);
		url += loc;
		
		if (isMom == 1)
		{
			strTitle = "";
		}
		else
		{
			strTitle = "##leg.ZONESOPAC.CATRecord.Button.ViewOnAmazon"
		}
	    
		fnLaunchBrowse ( url, strTitle, "1", 900 );
		if (event) 
       {
          if (event.returnValue)
          {
            event.returnValue = false;
          }
       }
	}
	
	function DeleteNote(bacn)
	{
       
       var url = "APS_NOTES2&Method=DeleteNoteAndBrowse&pad=##startpoint.Query.pad&id="+bacn+"&##this.StyleSet&BrowseAsHloc=##local.thisLoc";
       document.location = url;       
	}

        function ClearNotes()
        {
            var url = "APS_NOTES2&Method=ClearNotepad&pad=##startpoint.Query.pad&##this.StyleSet&BrowseAsHloc=##local.thisLoc";
            document.location = url;
        }


		function PrintDetailedList()
		{
			var dialogURL = "##this";
			##if sessioncfg.ZONES.Print.AllowPrintOptionsForNotePad 
				dialogURL += "&Method=Print&Extent=Detailed&Options.Choose=1&Options.Type=Notepad";
			##else
				dialogURL += "&Method=Print&Extent=Detailed&Options.Choose=0&Options.Type=Notepad";
			##endif
						
			var dialogWin = Popup(400, dialogURL);
		}

                
       function PrintNotes(extent)
		{
            PrintDetailedList();
		}


		    
		$( function () {
	       $('#ConfirmDeleteDLG').dialog( 
				{ 
					width: "400px",
					autoOpen: false
				}						
			);			
		}
		);
			
	   
       	function ConfirmDeleteNotes()
		{				
            ##if sessioncfg.ZONES.RequireConfirmDeleteNotes
				$('#ConfirmDeleteDLG').dialog('open');
        	##else
                window.setTimeout("ClearNotes()",1);
            ##endif
		}

		function answerYesDeleteNotes() {
			$('#ConfirmDeleteDLG').dialog('close');
			window.setTimeout("ClearNotes()",1);
		}
		
		function answerNoDeleteNotes() {
			$('#ConfirmDeleteDLG').dialog('close');	
		}

		function sortChanged() {
			
			$('#sortOrder').val($('#order').val())
			$('#sortSubmitForm').each( function () {
					this.submit();
				
			}
			);			
				
		}
	
		$( function () {
			$( '#NotePadSelect').change( function () {
				var v = $(this).val();
				
				$('#padName').val(v);	
				$('#padName2').val(v);	
						
				$('#sortSubmitForm').each( function () {
						this.submit();
					});
				
				
			});
			
		});
		
		
		
	</SCRIPT>
	
</contentof>  

##local.define(SortDropDown)<contentof>
    <nobr><label for="order" class="pageNavLink">##leg.ZONESOPAC.Sort.Prompt</label>
    <SELECT  name='order' id='order' onchange="sortChanged()">
        <OPTION value="">##leg.ZONESOPAC.Forms.Labels.Unsorted</OPTION>
        ##sessioncfg.With( Map, "DB.Config.SearchServer.SortCriteria" )<contentof>
            ##Map.ForEachIn(C,"")<contentof>
                <OPTION value = "##C.__Label()" ##if startpoint.IsEqual("Query.order",##C.__Label()) SELECTED ##endif>##C.QualData(Text)</OPTION>
            </contentof>
        </contentof>
    </SELECT></nobr>
    &nbsp;            
</contentof>
  
##local.define(NotepadDropDown)<contentof>
						
	    <label for="NotepadSelect">##leg.Portal3.ViewNotepad.SelectExistingPad</label>
	    ##local.defineByRender(ActivePad)<contentof>##session.ZonesGetInfo("ActivePad")</contentof>
	    <SELECT class=portalInOne id="NotePadSelect" name="NotePadName" style="width:100px;">
	    		##formatter.ForEachInList(pad,##session.ZonesGetInfo("ListPads"))<contentof>
					##local.defineByRender(pad)<contentof>##pad</contentof>
	    			<OPTION value="##local.pad" ##if startpoint.IsEqual("Query.pad",##local.pad) SELECTED ##endif >
	    				##if local.IsEqual(pad,"-")
	    					##leg.Portal3.ViewNotepad.DefaultName (##session.ZonesGetInfo("NoteCount", ##local.pad))
	    				##else
	    					##local.pad (##session.ZonesGetInfo("NoteCount", ##local.pad))	
	    				##endif
    				</OPTION>
    				
	    		</contentof>
	    		
	    </SELECT>
</contentof>
		

##local.define(Content)<CONTENTOF>
	<div id="jpId"></div>
	<form name=sortForm id="sortSubmitForm" action="APS_INTEREST" method="GET">
        ##this.stylesetforform
        <INPUT TYPE=HIDDEN NAME="order" id='sortOrder' VALUE = "">
		<INPUT type=hidden name=Method value="ShowNotes">
		<INPUT type=hidden name=pad id=padName value="-">

	</form>
	
	<div class="SearchResultsHeader">
			<FORM name=sortForm id=sortForm action="APS_INTEREST" method="GET" style="padding:0px;margin:0px;">		                
                <INPUT TYPE=HIDDEN NAME="DB" VALUE = "##searchcontext.DB">
                <INPUT TYPE=HIDDEN NAME="Set" VALUE = "##startpoint.Name">
                <INPUT TYPE=HIDDEN NAME="BrowseAsHloc" VALUE= "##local.thisLoc">
                <INPUT TYPE=HIDDEN NAME="Query.PageSize" VALUE= "##startpoint.PageSize">
				<INPUT type=hidden name=pad id="padName2" value="-">
                
                ##this.stylesetforform
				<INPUT type=hidden name=Method value="ShowNotes">
				
				<table style="width:100%;" width="100%">
					<tr>
						<td class="SearchResultsHeaderSortCell">##local.SortDropDown</td>
						<td class="SearchResultsPrintListCell"><a class="printListLink" href="javascript:PrintList()" title="##leg.Portal3.Results.PrintListTIP">
							<img style="vertical-align:top;padding-right:5px;" alt="##leg.Portal3.Results.PrintListALT" border=0 src="##local.PrintListPNG" />##leg.Portal3.Results.PrintList</a> 
							
						</td>
						
						<td class="SearchResultsEmailListCell">
							<a class="printListLink" href="javascript:SendList()" title="##leg.Portal3.Results.SendListTIP">
							<img style="vertical-align:top;padding-right:5px;" alt="##leg.Portal3.Results.SendListALT" border=0 src="##local.EmailListPNG" />##leg.Portal3.Results.SendList</a>
						</td>
						
						##if sessioncfg.ZONES.Export.Enabled 
						<td class="ExportResultsCell">
							<a class="printListLink" href="javascript:ExportList()" title="##leg.Portal3.Results.ExportListTIP">
							<img style="vertical-align:top;padding-right:5px;" alt="##leg.Portal3.Results.ExportListALT" border=0 src="##local.ExportListPNG" />##leg.Portal3.Results.ExportList</a>
						</td>
						##endif
						

						<td align="right" class="SearchResultsPageNavCell">
								##if startpoint.IsEqual(Page,1)
								##else
								<a class="pageNavLink" href='##this&Method=FirstPage&PageSize=##startpoint.PageSize' title="##leg.Portal3.Results.FirstPageTIP">&lt;&lt;</a>	
								<a class="pageNavLink" href='##this&Method=PageUp&PageSize=##startpoint.PageSize' title="##leg.Portal3.Results.PreviousPageTIP">&lt;</a> 
								##endif
								<label for="SearchResultsPage">##leg.Portal3.Results.Page</label> <input id="SearchResultsPage" name="Page" value="##startpoint.Page" class="SearchResultsPageField">
								##if startpoint.IsEqual(Page,##startpoint.PageMax)
								##else
								##leg.Portal3.Results.Of ##startpoint.PageMax 
								<a class="pageNavLink" href='##this&Method=PageDown&PageSize=##startpoint.PageSize' title="##leg.Portal3.Results.NextPageTIP">&gt;</a> 
								<a class="pageNavLink" href='##this&Method=LastPage&PageSize=##startpoint.PageSize' title="##leg.Portal3.Results.LastPageTIP">&gt;&gt;</a>	
								##endif
						</td>
					</tr>
				
				</table>
			</FORM>
	</div>
	<div class="searchHits">
			##leg.Expand(Portal3.ViewNotepad.ListHitsTitle,Hits,##startpoint.Hits)
			<div style="float:right">
					##local.define(CommandButtonGraphic)<CONTENTOF></CONTENTOF>
			        ##local.define(CommandButtonHREF)<CONTENTOF>javascript:ConfirmDeleteNotes()</CONTENTOF>
			        ##local.define(CommandButtonText)<CONTENTOF>##leg.ZONESOPAC.ViewNotes.ClearNotes</CONTENTOF>
					##local.define(CommandButtonTextTIP)<CONTENTOF>##leg.ZONESOPAC.ViewNotes.ClearNotesTIP</CONTENTOF>
					##local.define(CommandButtonTextALT)<CONTENTOF>##leg.ZONESOPAC.ViewNotes.ClearNotesALT</CONTENTOF>							
					##if sessioncfg.ZONES.Portal3.MultiNotepad
						##local.NotepadDropDown &nbsp;
					##endif							
        			<a href="javascript:ConfirmDeleteNotes()" title="##leg.ZONESOPAC.ViewNotes.ClearNotesTIP">##leg.ZONESOPAC.ViewNotes.ClearNotes</a>
			</div>
			<div style="clear:both;"></div>			
	</div>

	##local.PageBrowseList

	##if startpoint.IsEqual(PageMax,1)
	##else
	<div class="SearchResultsTrailer">
		<FORM name=sortFormTrailer id=sortFormTrailer action="APS_INTEREST" method="GET" style="padding:0px;margin:0px;">		                
                <INPUT TYPE=HIDDEN NAME="DB" VALUE = "##searchcontext.DB">
                <INPUT TYPE=HIDDEN NAME="Set" VALUE = "##startpoint.Name">
                <INPUT TYPE=HIDDEN NAME="BrowseAsHloc" VALUE= "##local.thisLoc">
                <INPUT TYPE=HIDDEN NAME="Query.PageSize" VALUE= "##startpoint.PageSize">
                
                ##this.stylesetforform
				<INPUT type=hidden name=Method value="ShowNotes">
				<table style="width:100%;" width="100%">
					<tr>
						<td class="SearchResultsHeaderSortCell">&nbsp;</td>
						<td class="SearchResultsPrintListCell">&nbsp;</td>
						<td class="SearchResultsEmailListCell">&nbsp;</td>

						<td align="right" class="SearchResultsPageNavCell">
								##if startpoint.IsEqual(Page,1)
								##else
								<a class="pageNavLink" href='##this&Method=FirstPage&PageSize=##startpoint.PageSize' title="##leg.Portal3.Results.FirstPageTIP">&lt;&lt;</a>	
								<a class="pageNavLink" href='##this&Method=PageUp&PageSize=##startpoint.PageSize' title="##leg.Portal3.Results.PreviousPageTIP">&lt;</a> 
								##endif
								<label for="SearchResultsPage">##leg.Portal3.Results.Page</label> <input id="SearchResultsPageFooter" name="Page" value="##startpoint.Page" class="SearchResultsPageField">
								##if startpoint.IsEqual(Page,##startpoint.PageMax)
								##else
								##leg.Portal3.Results.Of ##startpoint.PageMax 
								<a class="pageNavLink" href='##this&Method=PageDown&PageSize=##startpoint.PageSize' title="##leg.Portal3.Results.NextPageTIP">&gt;</a> 
								<a class="pageNavLink" href='##this&Method=LastPage&PageSize=##startpoint.PageSize' title="##leg.Portal3.Results.LastPageTIP">&gt;&gt;</a>	
								##endif
						</td>
					</tr>
				
				</table>
			</FORM>
	</div>
	##endif	
	
	<div id="ConfirmDeleteDLG" style="display:none;">
		
		<TABLE width="100%" style="height:65px">
				<TR>
					<TD align=left colspan=4>
						##leg.ZONESOPAC.ViewNotes.ConfirmDeleteAdvice
					</TD>
				</TR>
				<TR>
		            <TD nowrap align=right>					
						<table>
							<tr>
								<td>
									##local.define(ButtonCaption)<contentof>##leg.GLOBAL.Buttonprompts.Yes</contentof>
				                    ##local.define(ButtonTip)<contentof>##leg.ZONESOPAC.ViewNotes.ConfirmDeleteYes</contentof>
				                    ##local.define(ButtonHref)<contentof>javascript:answerYesDeleteNotes()</contentof>
				                    ##local.define(ButtonID)<contentof>buttonYes</contentof>
				                    ##local.ButtonFMT
        						</td>
        						<td>
									##local.define(ButtonCaption)<contentof>##leg.GLOBAL.Buttonprompts.No</contentof>
				                    ##local.define(ButtonTip)<contentof>##leg.ZONESOPAC.ViewNotes.ConfirmDeleteNo</contentof>
				                    ##local.define(ButtonHref)<contentof>javascript:answerNoDeleteNotes()</contentof>
				                    ##local.define(ButtonID)<contentof>buttonNo</contentof>
				                    ##local.ButtonFMT
								</td>
							</tr>
						</table>		            
		            </TD>
		            
				</TR>		        
		</TABLE>
	</div>
</contentof>

</contentof>
##include(Body)