##formatter.TextRender()<contentof>
	##include(Defaults)			

	##local.define(Section)<contentof>CurrentLoans</contentof>		
	##local.define(SectionTitle)<CONTENTOF>##leg.Portal3.Loans.Title</CONTENTOF>
	##local.define(PageLeftMenu)<contentof>##local.MyZonePageLeftMenu</contentof>
	##local.define(ReportLink)<contentof><a class="printListLink" href="javascript:BulkRenewReport()" title="##leg.ZONESOPAC.SSRenew.BulkRenew.RenewalProcessReport">##leg.ZONESOPAC.SSRenew.BulkRenew.RenewalProcessReport</a></contentof>
	##local.define(ListHitsTitle)<contentof>
     
          <div id="BulkRenewContainter" style="padding:5px;display:none">
               <form ID=BulkRenewForm METHOD=POST ACTION='##this.Obj' TARGET=resultsFrame>
                    /*<input type="hidden" name="Method" value="SelectiveBulkRenew">
                    <input type="hidden" name="BrowseAsHloc" value="##local.thisLoc">*/
                    <table width="100%" cellspacing=0 cellpadding=0>
                         <tr>
                              <td>
                                   <table width="100%" cellspacing=0 cellpadding=2>
                                        <tr>
                                             <td>##leg.ZONESOPAC.Browseenum.Renew.Parameters.Instruction</td>
                                        </tr>
                                        /*
                                        <tr onclick="ClickedManual();">
                                             <td>
                                                  <input id="rbManual" name=radioButton type=radio>
                                                  <label for="rbManual">##leg.ZONESOPAC.Browseenum.Renew.Parameters.DocumentsManual</label>
                                             </td>
                                        </tr>
                                        */
                                        <tr onclick="ClickedAll();">
                                             <td>
                                                  <input id=rbAll name=radioButton type=radio checked>
                                                  <label for="rbAll">##leg.ZONESOPAC.Browseenum.Renew.Parameters.DocumentsAll</label>
                                                  <span style="font-size:xx-small;">*</span>
                                             </td>
                                        </tr> 
                                        <tr onclick="ClickedDueIn();">
                                             <td>
                                                  <input id=rbDueIn name=radioButton type=radio>
                                                  <label for="rbDueIn">##leg.ZONESOPAC.Browseenum.Renew.Parameters.DocumentsDueIn</label>
                                                  <input class=portalInOne style="background-color:white" id=DueInXDays name=DueInXDays value=0 size=2>
                                                  <label for="DueInXDays">##leg.ZONESOPAC.Browseenum.Renew.Parameters.Days</label>
                                                  <span style="font-size:xx-small;">*</span>
                                             </td>
                                        </tr>
                                        <tr onclick="ClickedDueOn();">
                                             <td>
                                                  <input id=rbDueOn name=radioButton type=radio>
                                                  <label for="rbDueOn">##leg.ZONESOPAC.Browseenum.Renew.Parameters.DocumentsDueOn</label>
                                                  <span style="font-size:xx-small;">*</span>
                                                  <label for="DueOnBox" style="display:none">##leg.ZONESOPAC.Browseenum.Renew.Parameters.DocumentsDueOnFieldLabel</label>
                                                  <input class=portalInOne style="background-color:white" id=DueOnBox name=DueOnBox value="" maxLength=10 size=15>
                                             </td>
                                        </tr>
                                        <tr>
                                             <td>
                                                  <span style="font-size:xx-small;">
                                                       * ##leg.ZONESOPAC.Browseenum.Renew.Parameters.Exception
                                                  </span>
                                             </td>
                                        <tr>
                                        
                                   </table>
                              </td>
                         </tr>
                         <tr>
                              <td nowrap align=right>					
                                   <table>
                                        <tr>
                                             <td>
                                                  ##local.define(ButtonCaption)<contentof>##leg.Portal3.Buttons.Renew</contentof>
                                                  ##local.define(ButtonTip)<contentof>##leg.Portal3.Buttons.RenewALT</contentof>
                                                  ##local.define(ButtonHref)<contentof>javascript:BulkRenewWarning()</contentof>
                                                  ##local.define(ButtonID)<contentof>buttonBulkRenew</contentof>
                                                  ##local.ButtonFMT
                                             </td>
                                             <td>
                                                  ##local.define(ButtonCaption)<contentof>##leg.GLOBAL.Buttonprompts.Cancel</contentof>
                                                  ##local.define(ButtonTip)<contentof>##leg.GLOBAL.Buttonprompts.CancelALT</contentof>
                                                  ##local.define(ButtonHref)<contentof>javascript:CancelBulkRenew()</contentof>
                                                  ##local.define(ButtonID)<contentof>buttonBulkCancelNo</contentof>
                                                  ##local.ButtonFMT
                                             </td>
                                        </tr>
                                   </table>		            
                              </td>
                         </tr>
                    </table>
               </form>
          </div>
           
		<div style="float:left padding-left:8px;display:inline" >
          
			##if listconditions.IsEmpty
				##leg.Expand(Portal3.Loans.ListHitsTitle,Hits,0)
			##else
				##leg.Expand(Portal3.Loans.ListHitsTitle,Hits,"")
			##endif
		</div>
		<div style="float:right;display:inline; margin-bottom:8px;">
              
			##if sessioncfg.ZONES.SelfService.BulkRenewal 
				##if searchcontext.BorrowerTrapLevel
				##else
			   
			   
					##local.define(ButtonCaption)<contentof>##leg.Portal3.Buttons.RenewAll</contentof>
					##local.define(ButtonTip)<contentof>##leg.Portal3.Buttons.RenewAllALT</contentof>
					##local.define(ButtonHref)<contentof>javascript:ShowBulkRenew()</contentof>
					##local.define(ButtonID)<contentof>buttonShowBulkRenew</contentof>
					##local.ButtonFMT
			   
				##endif              
			##endif          
           
	   </div>
	   <div style="clear:both;"></div>
	</contentof>

	##local.define(Content)<contentof>
		
          ##local.MyZoneBrowseListContent
          
          <div id="RenewDLG" title="##leg.ZONESOPAC.SSRenew.PopUp.FinesAndFees" style="display:none; padding-right:0;">
               <iframe title="RenewDialog" id="RenewFrame" src="/blank.html" frameborder=0 style="margin-left:2px;width:480px;height:150px;overflow:auto;"></iframe>
          </div>
          
          <div id="ConfirmRenewDLG" title="##leg.Portal3.Loans.ConfirmRenewTitle" style="display:none;">		
               <TABLE width="100%" style="height:65px">
                    <TR>
                         <TD align=left colspan=4>
                              ##leg.Portal3.Loans.ConfirmRenewAdvice
                         </TD>
                    </TR>
                    <TR>
                         <TD nowrap align=right>					
                              <table>
                                   <tr>
                                        <td>
                                             ##local.define(ButtonCaption)<contentof>##leg.GLOBAL.Buttonprompts.Yes</contentof>
                                             ##local.define(ButtonTip)<contentof>##leg.Portal3.Loans.ConfirmRenewYes</contentof>
                                             ##local.define(ButtonHref)<contentof>javascript:answerYesRenew()</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.Portal3.Loans.ConfirmRenewNo</contentof>
                                             ##local.define(ButtonHref)<contentof>javascript:answerNoRenew()</contentof>
                                             ##local.define(ButtonID)<contentof>buttonNo</contentof>
                                             ##local.ButtonFMT
                                        </td>
                                   </tr>
                              </table>		            
                         </TD>
                    </TR>		        
               </TABLE>
          </div>

          <div id="CannotRenewDLG" title="##leg.Portal3.Body.ItemRenewDLGTitle" /*style="display:none;"*/>		
                <TABLE width="100%" style="height:65px">
                    <TR>
                         <TD>
                              <div id="CannotRenewReason"/>
                         </TD>
                    </TR>
               </TABLE>
          </div>	

          <div id="BulkRenewWarningDLG" title="##leg.ZONESOPAC.SSRenew.BulkRenew.PopUp.FinesAndFees" style="display:none">
               <table width=100% cellspacing=10>
                    <tr>
                         <td>
                              ##leg.ZONESOPAC.SSRenew.BulkRenew.PopUp.FinesAndFeesWarning
                         </td>
                    </tr>
                    <tr>
                         <td>
                              ##leg.ZONESOPAC.SSRenew.BulkRenew.PopUp.FinesAndFeesInstructions
                         </td>
                    </tr>
               </table>
               <table border=0 width=100% cellpadding=6 cellspacing=10>
                    <tr>
                         <td align=right>
                              <hr/>
                              <table cellspacing=10>
                                   <tr>
                                        <td>
                                             ##local.define(ButtonCaption)<contentof>##leg.GLOBAL.Buttonprompts.Okay</contentof>
                                             ##local.define(ButtonTip)<contentof></contentof>
                                             ##local.define(ButtonHref)<contentof>javascript:BulkRenewWarningOkay()</contentof>
                                             ##local.define(ButtonID)<contentof>buttonBulkRenewWarningOkay</contentof>
                                             ##local.ButtonFMT
                                        </td>
                                        <td>
                                             ##local.define(ButtonCaption)<contentof>##leg.GLOBAL.Buttonprompts.Cancel</contentof>
                                             ##local.define(ButtonTip)<contentof></contentof>
                                             ##local.define(ButtonHref)<contentof>javascript:BulkRenewWarningCancel()</contentof>
                                             ##local.define(ButtonID)<contentof>buttonBulkRenewWarningCancel</contentof>
                                             ##local.ButtonFMT
                                        </td>
                                   </tr>
                              </table>
                         </td>
                    </tr>
               </table>               
          </div>
			
          <div id="BulkRenewProgressDLG" title="##leg.ZONESOPAC.SSRenew.BulkRenew.InProgress" style="display:none;"> 
			<div id="progressBar"></div>
          </div>
		  <div id="BulkRenewReportDLG" title="##leg.ZONESOPAC.SSRenew.BulkRenew.Output.OutputHeading" style="display:none;"></div>
		  <div id="EmailPrintOutDLG"></div>
          

	</contentof>
	

##local.Define(PageHeaderScripts)<contentof>

	<script>
		$( function () {

			$('#ConfirmRenewDLG').dialog({ 
				width: "400px",
				autoOpen: false,
				close: function(event, ui) 
				{ 
					if
						(cancelHighlight != null)
					{
						cancelHighlight();
					}	
				}
			});
			
			$('#BulkRenewReportDLG,#EmailPrintOutDLG').dialog( 
			{
				width: 600,
				autoOpen: false,
				modal: false,
				resizable: true
			});
		   
		   $('#RenewDLG').dialog(
		   {
				width: "500px",
				autoOpen: false,
				modal: true,
				resizable: false,                    
				close: function(event, ui){
				
					if (cancelHighlight != null){
					
						cancelHighlight();
					}	
				},
				open:hideCloseButton
		   });
			
			$('#CannotRenewDLG').dialog({ 
				
				width: "400px",
				autoOpen: false				
			});

		   $('#BulkRenewWarningDLG').dialog(
		   {
				width: 400,
				autoOpen: false,
				modal: true,
				resizable: false,
				open: hideCloseButton
		   });
		   
		   $('#BulkRenewProgressDLG').dialog(
		   {
				width: 400,
				autoOpen: false,
				modal: true,
				resizable: false				
		   });
		
		});

		function hideCloseButton(event, ui) { 
			$("#ui-dialog-title-"+this.id).next().hide();
		}
		
		function Highlight( item , state )
		{
			var classPrefix = "LoansBrowseItem"
			var e = $("#item_"+item);		
			
			if
				(state)
			{
				if (e.hasClass(classPrefix+"DetailsCell"))
				{
					e.addClass(classPrefix+"DetailsCellSelected");
					e.removeClass(classPrefix+"DetailsCell");
				}
				else if
					(e.hasClass(classPrefix+"DetailsCellStripe"))
				{
					e.addClass(classPrefix+"DetailsCellStripeSelected");
					e.removeClass(classPrefix+"DetailsStripeCell");	
				}
				else 
				{
					//alert(e);	
				}
			}
			else
			{
				if (e.hasClass(classPrefix+"DetailsCellSelected"))
				{
					e.removeClass(classPrefix+"DetailsCellSelected");
					e.addClass(classPrefix+"DetailsCell");
				}
				else if
					(e.hasClass(classPrefix+"DetailsCellStripeSelected"))
				{
					e.removeClass(classPrefix+"DetailsCellStripeSelected");
					e.addClass(classPrefix+"DetailsStripeCell");	
				}	
			}
		}
				   
		function answerYesRenew() {
			var item = selItem;
			selItem = null;
			$('#ConfirmRenewDLG').dialog('close');
            window.setTimeout("PerformRenewItem("+item+")",1);
		}

		function cancelHighlight()
		{
			if (selItem != null)
			{
				Highlight(selItem, false);			
				selItem = null;
			}			
		}
		
		function answerNoRenew() {
			if (selItem != null)
			{
				Highlight(selItem, false);			
			}			
			$('#ConfirmRenewDLG').dialog('close');	

		}

		var selItem = null;
		
		function ConfirmRenew( item )
		{
			// so we should highlight the selected item, and bring up a cancel dialog. 
			
			// If the user confirms we call CancelReservation, and if it succeeds we refresh the current page, by submitting the page
			// change form - with luck the resevation will be gone ? - if not we could use the same trick as for search history items,
			// and update the browse item to mark it as cancelled.
			if (selItem != null)
			{
				Highlight(selItem, false);			
			}
			
			Highlight(item, true);
			selItem = item;				
			$('#ConfirmRenewDLG').dialog('open');
						
		}
		
		function RenewLoan( item )
		{

			ConfirmRenew( item );			
		}
		
		function PerformRenewItem( item )
		{
			$.getJSON("##this&Method=Renew&Accepted=1", {"Item": item },
			        function(data){
						if
							(data.success=="true")
						{
							// we will need to update the item to indicate that 
							// the renewal was successful.
							$('#loanDate_'+item).html(data.newLoanDate);
							$('#returnDate_'+item).html(data.newDueDate);
							$('#renewButtonCell_'+item).html("");
							Highlight( item , false);						
						}
						else
						{
							Highlight( item , false);
						}
			});		
		}
		
		function CannotRenewLoan( item, reason )
		{
			if
				((reason == "") || (reason== null))
			{
				$('#CannotRenewReason').html( "##leg.Portal3.Body.ItemRenewDLGAdvice");				
			}
			else
			{
				$('#CannotRenewReason').html( reason );				
			}
				
			$('#CannotRenewDLG').dialog('open');
						
		}
          
          function renewItem( item , url)
          {
               if(selItem != null)
               {
                    Highlight(selItem, false);
               }
               
               var elem = document.getElementById('RenewFrame');
               if(elem != null)
               {
                    Highlight(item, true);
                    selItem = item;
                    
                    //place the url in the popop now
                    elem.src = url;
                    $('#RenewDLG').dialog('open');			  
               }
          }
          
          function answerCancelRenew() {
			if (selItem != null)
			{
				Highlight(selItem, false);			
			}			
			$('#RenewDLG').dialog('close');	

		}
          
          function sucessfulLoan( item, newDate )
          {
               $('#returnDate_'+item).html('<b>' + newDate + '</b>');
               $('#renewButtonCell_'+item).html("");
			Highlight( item , false); 
               $('#RenewDLG').dialog('close');	
          }
          
          function ShowBulkRenew()
          {
               $('#buttonShowBulkRenew').hide();
               $('#BulkRenewContainter').show();
          }	
     
          function CancelBulkRenew()
          {
               $('#buttonShowBulkRenew').show();
               $('#BulkRenewContainter').hide();
          }
          
          function BulkRenewWarning()
          {
               ##if sessioncfg.ZONES.SelfService.BulkRenewalShowFinesFeesWarningPopup
                    $('#BulkRenewWarningDLG').dialog('open');
               ##else
                    BulkRenew();
               ##endif      
          }
          
          function ClickedAll()
          {
               $('#rbAll').attr('checked','true');	
               //SetCheckBoxVisibility( "hidden" );
          }
          
          function ClickedDueIn()
          {
               $('#rbDueIn').attr('checked','true');	
               //SetCheckBoxVisibility( "hidden" );
          }
          
          function ClickedDueOn()
          {
               $('#rbDueOn').attr('checked','true');	
               //SetCheckBoxVisibility( "hidden" );
          }
          
          function BulkRenewWarningOkay()
          {
               $('#BulkRenewWarningDLG').dialog('close');
               BulkRenew();
          }
          
          function BulkRenewWarningCancel()
          {
               $('#BulkRenewWarningDLG').dialog('close');
          }
          
          function IsLeapYear( year )
          {
               return ( ( year % 400 == 0) ||
                         ( ( year % 100 > 0 ) && ( year & 3 ) == 0 ) );
          }
          
          function BulkRenew()
          {
               if ( document.getElementById("rbAll").checked )
			{
                    //resultsFrame.src = "##this&Method=BulkRenewAll&BrowseAsHloc=##local.thisLoc";
					$.get("##this&Method=BulkRenewAll&BrowseAsHloc=##local.thisLoc");
                    Progress();
               }
               else if ( document.getElementById("rbDueIn").checked )
               {
                    //resultsFrame.src = "##this&Method=DueIn&ResponseFormat=JSON&BrowseAsHloc=##local.thisLoc&Days=" + document.getElementById("DueInXDays").value ;
					$.get("##this&Method=DueIn&ResponseFormat=JSON&BrowseAsHloc=##local.thisLoc&Days=" + $("#DueInXDays").val());
					Progress();
               }
               else if ( document.getElementById("rbDueOn").checked )
               {
                    var dateStr = document.getElementById("DueOnBox").value;
                    var valid = false;
                    
                    if ( parseInt( dateStr.substr(0,1) ) >=0 &&
                         parseInt( dateStr.substr(1,1) ) >=0 &&
                         parseInt( dateStr.substr(3,1) ) >=0 &&
                         parseInt( dateStr.substr(4,1) ) >=0 &&
                         parseInt( dateStr.substr(6,1) ) >=0 &&
                         parseInt( dateStr.substr(7,1) ) >=0 &&
                         parseInt( dateStr.substr(8,1) ) >=0 &&
                         parseInt( dateStr.substr(9,1) ) >=0 )
                    {
                         // If you don't specify base 10 in the parseInt
                         // call, then "08" and "09" are treated as octal
                         // numbers. 8 and 9 are invalid octal numbers
                         // therefore 0 is returned.
                         var day		= parseInt( dateStr.substr(0,2), 10 );
                         var month	= parseInt( dateStr.substr(3,2), 10 );
                         var year	= parseInt( dateStr.substr(6,4), 10 );
                         if ( year >= 1980 && year <= 2027 )
                         {
                              if ( month >= 1 && month <= 12 )
                              {
                                   switch( month )
                                   {
                                        case 1:
                                        case 3:
                                        case 5:
                                        case 7:
                                        case 8:
                                        case 10:
                                        case 12:
                                             valid = ( day <= 31 );
                                             break;
                                        case 4:
                                        case 6:
                                        case 9:
                                        case 11:
                                             valid = ( day <= 30 );
                                             break;
                                        case 2:
                                             valid = ( ( IsLeapYear( year ) && day <= 29 ) || ( day <= 28 ) );
                                             break;
                                   }
                              }
                         }
                    }
                    
                    if ( valid )
                    {
                         //resultsFrame.src = "##this&Method=DueOn&BrowseAsHloc=##local.thisLoc&Date=" + document.getElementById("DueOnBox").value;
						 $.get("##this&Method=DueOn&BrowseAsHloc=##local.thisLoc&Date=" + document.getElementById("DueOnBox").value);
                         Progress();
                    }
                    else
                    {
                         alert( "##leg.data(ZONESOPAC.Browseenum.Renew.Parameters.InvalidDate) : " + dateStr );
                    }
               }
          
               /*$('#BulkRenewProgressDLG').dialog('open');*/
               
          }
		  var finishedBulkRenewal = false;
		function Progress(){
		
			var url = "##searchcontext.Parent?##this.StyleSet&Method=BGTasks&Frame=Progress&BrowseAsHloc=##local.thisLoc&random=";
			$("#BulkRenewProgressDLG").dialog("open");
			$("#progressBar").progressbar({ value:0});
			
			$.getJSON(url,function(data){
				
				$("#progressBar").progressbar( "option", "value", data.bgTasks[0].progressPercent );
			
				if(!data.bgTasks[0].completed){
					setTimeout( "Progress()", 3000 )
					
				}else{
					 //refreshing loan list
					$("#progressBar").progressbar({ value:100});
					url = "##this&Method=BulkRenewFinished&BulkRenew=1&BrowseAsHloc=##local.thisLoc";
					location.replace(url);
					
					//displaying report
					url = "##searchcontext.Parent?Style=Portal2&Method=BGTasks&BrowseAsHloc=##local.thisLoc"; 	

				}
			});
			/**/
		}
		
		
		
		function BulkRenewReport(){
			
			$("#BulkRenewReportDLG").load("##searchcontext.Parent?Style=Portal3&Method=BGTasks&BrowseAsHloc=##local.thisLoc&Content=Report");
			$("#BulkRenewReportDLG").dialog( "open" );
		}
		
		function startup()
		{
			##if sessioninfo.IsEqual(TasksCompleted,"1")

				##if request.IsEqual(Method,"BulkRenewFinished")
					
					// automatically display the bulk renew report.
					BulkRenewReport();
					$(".SearchResultsEmailListCell").after('<td class="SearchResultsEmailListCell">##local.ReportLink</td>');
					
				##endif

			##endif
		}

		documentManager.addStartup( startup );

	</script>
</contentof>	
</contentof>
##include(Body)
/*##endif*/