##if request.IsEqual(SubView,LoadingJSON)
##NotHtml
{
	"state" : "##value.State",
	"percent" : "##value.Percent"
}
##else
##local.define(ZonesSection)<contentof>Notepad</contentof>

##formatter.TextRender()<contentof>
	##this.SubView(##request.SubStyle)
	##include(Defaults)
</CONTENTOF>

##local.defineByRender(HaveNotes)<contentof>##session.ZonesGetInfo("HaveNotes")</contentof>
##if local.IsEqual(HaveNotes,1)
    ##local.define(NotEmpty,1)
##endif

##local.define(Title)<CONTENTOF>##leg.ZONESOPAC.ViewNotes.Title</CONTENTOF>
##local.define(PageTitle)<CONTENTOF>##leg.ZONESOPAC.ViewNotes.Title</CONTENTOF>
##local.define(Advice)<contentof></contentof>
##helpcontext.addHelp(ViewNotes)
##helpcontext.addHelp(Toolbar)

##local.define(AdviceRowTabs)<contentof>

        ##if value.IsEqual(State,"Empty")
        ##else
        
        ##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>

        ##local.TabFMT        

</contentof>
    

##local.define(PageHeaderScripts)<contentof>
        <script>
            function CompletedLoading()
            {
               ##local.define(Pad)<contentof>##session.ZonesGetInfo("ActivePad")</contentof>
               ##if request.pad
               	 ##local.define(Pad)<contentof>##request.pad</contentof>
               ##endif
               document.location.href = "APS_INTEREST?Method=ShowNotes&##this.styleset&pad=##local.Pad";
            }
			//CompletedLoading();
			
            function UpdateLoadingCount()
            {
            	
            	$.getJSON("##this?Method=Start&SubView=LoadingJSON", {},
			        function(data){
						$('#LoadingPercent').html( data.percent);
						if
							(data.state == "FetchDetails")
						{
							UpdateLoadingCount();
						}
						else if
							(data.state == "Ready")
						{
							CompletedLoading();
						}
						else {
							alert(data.state);
						}
												
				});
            }

			var state =  "##value.State";
			
			$( function () {
				if
					(state == "Ready")
				{
					CompletedLoading();
				}
				else if
					(state != "Empty")
				{
					UpdateLoadingCount();				
				}
				
			});
       </script>

</contentof>

##local.define(Content)<contentof>

		##if error.Level
			##error.Dump()
		##endif

        ##if value.IsEqual(State,FetchDetails)
            <div id="LoadingPrompt">
                ##leg.ZONESOPAC.ViewNotes.Loading  <span id="LoadingPercent">##value.Data(Percent)</span>%
            </div>        
        ##else
            ##if value.IsEqual(State,"Empty")
				<script>CompletedLoading()</script>			
            ##else
                ##value.State
            ##endif
        ##endif


</CONTENTOF>

##include(Body)

##endif