##if request.IsEqual(Method,Renew)
##formatter.TextRender()<contentof>
	##include(Defaults)			
	##NotHtml 
</contentof>{
    ##if error.Level
    	"success" : "false",    	        
        "description" : ##error.AsJScriptLit(Description)
    ##else
		##if valueMap.Response
			##local.define(ErrorList)<contentof></contentof>
			##if valueMap.Response.warnings
				"warnings" : [
				##local.define(Sep)<contentof></contentof>
				##valueMap.ForEachIn(child,"Response.warnings")<contentof>
					##local.defineByRender(ErrorText)<contentof>##sessioncfg.MapLegendThroughTable(##child,"DB.Config.ZONESERVICES.ErrorMessageMap")</contentof>
					##if local.IsEqual(ErrorText,"")
						##local.define(ErrorText)<contentof>##child</contentof>
					##endif
					##local.Sep ##local.AsJscriptLIT(ErrorText) ##local.define(Sep)<contentof>,</contentof>
				</contentof>
				],
			##endif

			##if valueMap.IsEqual(Response.extended,"1")
				"renewSucceded" : "1", 
				"newDueDate"    : "##formatter.YYYYDDMM(##valueMap.Response.due_date,##local.DateFormat)",
				"newLoanDate"   : "##formatter.YYYYDDMM(##valueMap.Response.loan_date,##local.DateFormat)",
			##endif

	    	"success" : "true"
		##endif
    ##endif
}
##else
##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(ListHitsTitle)<contentof>

		##if listconditions.IsEmpty
			##leg.Expand(Portal3.Loans.ListHitsTitle,Hits,0)
		##else
			##leg.Expand(Portal3.Loans.ListHitsTitle,Hits,"")
		##endif

	</contentof>
				

	##local.define(Content)<contentof>##local.MyZoneBrowseListContent
		<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="Cannot Renew Loan/*##leg.ZONESOPAC.ReservationBrowse.Title.ConfirmCancel*/" /*style="display:none;"*/>		
			<TABLE width="100%" style="height:65px">
					<TR>
						<TD align=left colspan=4>
							This item cannot be renewed.
						</TD>
					</TR>
					/*<TR>
			            <TD nowrap align=right>					
							<table>
								<tr>
									<td>
										##local.define(ButtonCaption)<contentof>##leg.GLOBAL.Buttonprompts.OK</contentof>
					                    ##local.define(ButtonTip)<contentof></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></contentof>
					                    ##local.define(ButtonHref)<contentof>javascript:answerNoRenew()</contentof>
					                    ##local.define(ButtonID)<contentof>buttonNo</contentof>
					                    ##local.ButtonFMT
									</td>
								</tr>
							</table>		            
			            </TD>
			            
					</TR>*/
							        
			</TABLE>
		</div>		
	</contentof>
	

##local.Define(PageHeaderScripts)<contentof>

	<script>
		$( function () {

			 $('#ConfirmRenewDLG').dialog( 
				{ 
					width: "400px",
					autoOpen: false,
					
					close: function(event, ui) 
					{ 
						if
							(cancelHighlight != null)
						{
							cancelHighlight();
						}	
					}
				}						
			);
			
			$('#CannotRenewDLG').dialog( 
				{ 
					width: "400px",
					autoOpen: false
				}						
			);			
		}
		);

		
		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 )
		{
			$('#CannotRenewDLG').dialog('open');			
		}
		
	</script>
</contentof>	
</contentof>
##include(Body)
##endif