##if request.IsEqual(Method,Renew)
##formatter.TextRender()<contentof>
	##include(Defaults)			
	##NotHtml 
</contentof>{
    ##if error.Level
    	"success" : "false",    	        
        "description" : ##error.AsJScriptLit(Description)
    ##else
    
    	##Value.with(renewResult,"RenewResult.Response")<contentof>
			##local.define(ErrorList)<contentof></contentof>
			##if renewResult.warnings
				"warnings" : [
				##local.define(Sep)<contentof></contentof>
				##renewResult.ForEachIn(child,"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 renewResult.IsEqual(extended,"1")
				"renewSucceded" : "1", 
				"newDueDate"    : "##formatter.YYYYDDMM(##renewResult.due_date,##local.DateFormat)",
				"newLoanDate"   : "##formatter.YYYYDDMM(##renewResult.loan_date,##local.DateFormat)",
			##endif

	    	"success" : "true"
		</contentof>
    ##endif
}
##else

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


##local.define(AddressPart1)<CONTENTOF>
			##local.define(Name)<CONTENTOF>##leg.ZONESOPAC.Borrower.Regform.Address</CONTENTOF>
			##local.define(Value)<CONTENTOF>##Value.Detail.address_1</CONTENTOF>
			##local.Value<br>
		
			##local.define(Name)<CONTENTOF>&nbsp;</CONTENTOF>
			##local.define(Value)<CONTENTOF>##Value.Detail.address_2</CONTENTOF>
			##local.Value<br>
		
			##local.define(Name)<CONTENTOF>&nbsp;</CONTENTOF>
			##local.define(Value)<CONTENTOF>##Value.Detail.address_3</CONTENTOF>
			##local.Value
		
			##if Value.IsEqual(Detail.postal_code,"")
			##else
				##local.define(Name)<CONTENTOF>##leg.ZONESOPAC.Borrower.Regform.Postcode</CONTENTOF>
				##local.define(Value)<CONTENTOF>##Value.Detail.postal_code</CONTENTOF>
				##local.Value
			##endif
</CONTENTOF>

##local.define(AddressPart2)<CONTENTOF>
			##if Value.IsEqual(Detail.telephone_1,"")
			##else
				##local.define(Name)<CONTENTOF>##leg.ZONESOPAC.Borrower.Regform.Telephonehome</CONTENTOF>
				##local.define(Value)<CONTENTOF>##Value.Detail.telephone_1  ##if Value.IsEqual(Detail.telephone_ext_1,"") ##else ##leg.ZONESOPAC.ChangeContact.TelephoneExt ##Value.Detail.telephone_ext_1 ##endif </CONTENTOF>
				##local.Name : ##local.Value <br>
			##endif
		
			##if Value.IsEqual(Detail.telephone_2,"")
			##else
				##local.define(Name)<CONTENTOF>##leg.ZONESOPAC.Borrower.Regform.Telephonework <span hardcoded=1></span></CONTENTOF>
				##local.define(Value)<CONTENTOF>##Value.Detail.telephone_2  ##if Value.IsEqual(Detail.telephone_ext_2,"") ##else ##leg.ZONESOPAC.ChangeContact.TelephoneExt ##Value.Detail.telephone_ext_2 ##endif </CONTENTOF>
				##local.Name : ##local.Value <br>
			##endif
				
			##if Value.IsEqual(Detail.fax_number,"")
			##else
				##local.define(Name)<CONTENTOF>##leg.ZONESOPAC.Borrower.Regform.Fax</CONTENTOF>
				##local.define(Value)<CONTENTOF>##Value.Detail.fax_number</CONTENTOF>
				##local.Name : ##local.Value <br>
			##endif
			
			##if Value.IsEqual(Detail.address_email,"")
			##else
				##local.define(Name)<CONTENTOF>##leg.ZONESOPAC.Borrower.Regform.Emailaddress</CONTENTOF>
				##local.define(Value)<CONTENTOF>##Value.Detail.address_email</CONTENTOF>
				##local.Name : ##local.Value <br>
			##endif					
</CONTENTOF>


##local.define(ChangeContactForm)<contentof>
		
		##local.define(FormRowTemplate)<contentof><tr><td style="white-space: nowrap; font-size:smaller">##local.Name</td><td class="ChangePinFieldCell">##local.Value</td></tr></contentof>
		
		<FORM id="ChangeContactForm" method="POST" action="##this.obj" style="display:none;">
			<INPUT type=hidden name="Method" value="ChangeContact">
			##this.stylesetforform
			<TABLE>	
					
					<INPUT type="hidden" name="Subscriber" value="##Value.SubscriberNo" />

					##local.define(Name)<CONTENTOF><label for="NewEmail">##leg.ZONESOPAC.ChangeContact.NewEmail</label></CONTENTOF>
					##local.define(Value)<CONTENTOF>
						<INPUT name="det.address_email" id="NewEmail" value="##Value.Detail.address_email" maxLength="40" size="40">
					</CONTENTOF>
					##local.FormRowTemplate

                    ##if sessioncfg.DB.Config.Circ.AllowEditTelephone1InMyZone
                                    
                		##local.define(Name)<CONTENTOF><label for="det.telephone_1">##leg.ZONESOPAC.Borrower.Regform.Telephonehome</label> <span hardcoded=1></span></CONTENTOF>
						##local.define(Value)<CONTENTOF>
							<INPUT name="det.telephone_1" id="det.telephone_1" value="##Value.Detail.telephone_1" maxLength="20" size="20" />
                            ##if sessioncfg.DB.Config.Circ.UseTelephone1ExtInMyZone 
                            <label for="det.telephone_ext_1">##leg.ZONESOPAC.ChangeContact.TelephoneExt</label>
                            <INPUT name="det.telephone_ext_1" id="det.telephone_ext_1" value="##Value.Detail.telephone_ext_1" title="##leg.ZONESOPAC.ChangeContact.TelephoneExt" maxLength="6" size="6" />
							##else
							<INPUT type=hidden name="det.telephone_ext_1" id="det.telephone_ext_1" value="" />
							##endif
						
						</CONTENTOF>
						##local.FormRowTemplate
			    	##endif    
                                    
                    ##if sessioncfg.DB.Config.Circ.AllowEditTelephone2InMyZone
                                                        
						##local.define(Name)<CONTENTOF><label for="det.telephone_2">##leg.ZONESOPAC.ChangeContact.NewTelephoneDaytime</label></CONTENTOF>
						##local.define(Value)<CONTENTOF>
							<INPUT name="det.telephone_2" id="det.telephone_2" value="##Value.Detail.telephone_2" maxLength="20" size="20" />
                            ##if sessioncfg.DB.Config.Circ.UseTelephone2ExtInMyZone 
                            <label for="det.telephone_ext_2">##leg.ZONESOPAC.ChangeContact.TelephoneExt</label>
                            <INPUT name="det.telephone_ext_2" id="det.telephone_ext_2" value="##Value.Detail.telephone_ext_2" maxLength="6" size="6" />
							##else
							<INPUT type = hidden name="det.telephone_ext_2" id="det.telephone_ext_2" value="" maxLength="6" size="6" />
							##endif
						</CONTENTOF>
						##local.FormRowTemplate
                	##endif
                                    

				<TR>
					<TD  class="ChangePinLabelCell">&nbsp;</TD>				
					<td class="ChangePinFieldCell" align=right>
	                    <table>
	                        <tr>
	                        <td>
	                                ##local.define(ButtonCaption)<contentof>##leg.ZONESOPAC.ChangeContact.Button</contentof>
	                                ##local.define(ButtonTip)<contentof>##leg.ZONESOPAC.ChangeContact.ButtonTIP</contentof>
	                                ##local.define(ButtonHref)<contentof>javascript:submitChangeContact()</contentof>
	                                ##local.define(ButtonID)<contentof>buttonChangeContactSumbit</contentof>
									##local.ButtonFMT                                                                                                
	                         </td>
	                         <td>
	                                ##local.define(ButtonCaption)<contentof>##leg.Portal3.Actions.Cancel</contentof>
	                                ##local.define(ButtonTip)<contentof>##leg.Portal3.Actions.CancelTIP</contentof>
	                                ##local.define(ButtonHref)<contentof>javascript:cancelChangeContact()</contentof>
	                                ##local.define(ButtonID)<contentof>buttonChangeContactCancel</contentof>
	                                ##local.ButtonFMT
	                         </td>
	                        </tr>
	                    </table>
	                </td>
                </TR>
                
				</TABLE>
				<div id="changeContactResult"></div>
			</FORM>
	</contentof>
</contentof> /* text render */

##if request.IsEqual(Method,ChangeContact)
	##nothtml
	<div id="NewAddress1" style="display:none;">
		##local.AddressPart1
	</div>
	<div id="NewAddress2" style="display:none;">
		##local.AddressPart2
	</div>
	
	<div>
		##if error.Level
			##leg.Portal3.AccountHome.Personal.ErrorUpdatingContactDetails
		##else
			##leg.Portal3.AccountHome.Personal.ContactDetailsUpdated
		##endif
	</div>
##else

##formatter.TextRender()<contentof>
	##local.Define(Section)<contentof>AccountSummary</contentof>
	
		##local.define(ShowOverdueNotice)<contentof>
		
			##if sessioncfg.ZONES.OverdueNotice.Enabled
	            ##if Value.Detail.overdue_loans        
	                ##if Value.IsEqual(overdue_loans,"")
	                ##else
	                    ##if Value.IsEqual(overdue_loans,"0")
	                    ##else
	                        ##if sessioninfo.SessionUI.OverdueNotice
	                        ##else
	                            <iframe style="display:none" src="APS_UI_OVERDUE_DIALOGUE?##this.StyleSet&Style=Portal2&Method=SetSessionUIAttrib&Attrib=OverdueNotice&Value=1"></iframe>
	                            <script>
	                                function launchErrorDialogue () {
	                                    var url = "APS_UI_OVERDUE_DIALOGUE?##this.StyleSet&Style=Portal2";
	                    
	                                    url += "&Error=" + "##local.urlencode(thing)";
	                            
	                                    ##if error.Number
	                                        url +=	"&ErrorText=" + escape( "##ErrorField.Number");
	                                    ##endif
	                    
	                                    var o = Popup( 400, url );
	                                }
	                                documentManager.addStartup ( launchErrorDialogue );	                                
	                            </script>
	                        ##endif
	                    ##endif	
	                ##endif
	            ##endif
	        ##endif		
		</contentof>



	##local.define(PageLeftMenu)<contentof>##local.MyZonePageLeftMenu</contentof>
	
	##local.define(PageHeaderScripts)<contentof>
		<script type="text/javascript" src="script/lib/jquery.form.js"></script>
		
		<script type="text/javascript">
		$( function () {

			 $('#ConfirmRenewDLG').dialog( 
				{ 
					width: "450px",
					autoOpen: false,
					
					close: function(event, ui) 
					{ 
						if
							(cancelHighlight != null)
						{
							cancelHighlight();
						}	
					}
				}						
			);
			
			$('#CannotRenewDLG').dialog( 
				{ 
					width: "450px",
					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);
							if (data.description)
							{
								alert(data.description);
							}
						}
			});		
		}
		
		
		function CannotRenewLoan( item, reason )
		{
			if
				((reason == "") || (reason== null))
			{
				$('#CannotRenewReason').html( "##leg.Portal3.Body.ItemRenewDLGAdvice");				
			}
			else
			{
				$('#CannotRenewReason').html( reason );				
			}
				
			$('#CannotRenewDLG').dialog('open');
						
		}
		
	</script>

		
		<script>
			function ChangePin() 
			{
				$('#ChangePinForm').show();	
				$('#ChangePinLink').hide();

			}
			function cancelChangePin() {
				$('#changePinResult').html("");
				$('#ChangePinForm').hide().each( function () {
					this.reset();
				});
				$('#ChangePinLink').show();
				
			}
			function ChangeContactDetails() {
				$('#ChangeContactForm').show();	
				$('#ChangeContactLink').hide();			
			}

			function cancelChangeContact() {
				
				$('#changeContactResult').html("");
				$('#ChangeContactForm').hide().each( function () {
					/* for this form we won't reset it becuase they might have updated the values */
					//this.reset();
				});
				$('#ChangeContactLink').show();
				
			}

			var changePinOptions = {
					    target:     '#changePinResult', 
					    url:        '##this.obj', 
					    success:    function() { 
					         
						},
						beforeSubmit:  function (){
							//alert('Before submit');	
						}
			};
				

			var changeContactOptions = {
					    target:     '#changeContactResult', 
					    url:        '##this.obj', 
					    success:    function() { 
					        $('#contactAddress1').html($('#NewAddress1').html());
					      	$('#contactAddress2').html($('#NewAddress2').html());
					          
						},
						beforeSubmit:  function (){
								
						}
			};
			
			$( function () {
				 
				// pass options to ajaxForm 
				
				$('#ChangePinForm').ajaxForm(changePinOptions);
				$('#ChangeContactForm').ajaxForm(changeContactOptions);
				
				$('#ChangePinForm').submit(function() { 
				    // submit the form 
				    $(this).ajaxSubmit(changePinOptions); 
				    // return false to prevent normal browser submit and page navigation 
				    return false; 
				});	 
				
				$('#ChangeContactForm').submit(function() { 
				    // submit the form 
				    $(this).ajaxSubmit(changeContactOptions); 
				    // return false to prevent normal browser submit and page navigation 
				    return false; 
				});	 

				
				$('#lostCardDLG').dialog( 
					{ 
						width: "400px",
						autoOpen: false
					}
					
				);
				
				$('#renewSubDLG').dialog( 
					{ 
						width: "400px",
						autoOpen: false
					}	
				);
				
				$('#payAdviceDLG').dialog( 
					{ 
						width: "400px",
						autoOpen: false
					}	
				);
				
			});
			
			function submitChangePin()
			{
				
				$('#ChangePinForm').each( function () { 
				
					$('#changePinResult').html("##leg.Portal3.AccountHome.Personal.Updating");
					$(this).ajaxSubmit(changePinOptions);
				 }
					
				);		
			}

			function submitChangeContact()
			{
				$('#ChangeContactForm').each( function () { 
				
					/*TODO add legend */
					$('#changeContactResult').html("##leg.Portal3.AccountHome.Personal.Updating");
					$(this).ajaxSubmit(changeContactOptions);
				 }
					
				);		
			}
		
			function LostCard() {
				$('#lostCardDLG').dialog( 'open' );	
			}
			function RenewSubscriptionAdvice() {
				$('#renewSubDLG').dialog( 'open' );		
			}

			function PayAdvice() {
				$('#payAdviceDLG').dialog( 'open' );		
			}


			##if sessioncfg.ZONES.Portal3.Payments.Enabled 
			function Pay()
			{
		
				##if bodyLinks.IsMap(PaymentServer)
					var url = "##bodyLinks.QualData(PaymentServer.URL)";
				##else				
					var url = '##this&SubView=PayScreen';
				##endif
				document.location.replace(url);
			}
			##endif
			
			##if sessioncfg.ZONES.SelfService.MondoPC.AllowReservation 
			function BookPC() 
			{
				var url = '##this&SubView=BookPC';
				document.location.replace(url);
			}
			##endif

		</script>
	</contentof>
		



		##local.define(PartTemplate)<CONTENTOF>
			##local.defineByRender(temp)<CONTENTOF>##local.Value</CONTENTOF>
			##if local.IsEqual(temp,"")
			##else
				<tr>
					<td>##local.Name</td>
					<td>##local.Value</td>
				</tr>
			##endif
		</CONTENTOF>
</contentof>


##local.define(PayView)<contentof>

		##local.define(PaymentImages)<contentof>
			<div style="float:left; width:300px;">
				##if sessioncfg.ZONES.Portal3.Payments.VisaAccepted <img class="PayImage" src="##local.VisaPNG" alt="Visa"/> ##endif
				##if sessioncfg.ZONES.Portal3.Payments.MasterCardAccepted  <img class="PayImage" src="##local.MastercardPNG" alt="Mastercard"/> ##endif
				##if sessioncfg.ZONES.Portal3.Payments.AmexAccepted <img class="PayImage" src="##local.AmexPNG" alt="American Express"/> ##endif
			</div>
		</contentof>
		
		##local.define(Content)<contentof>
		
		<table border="0" style="font-size:11px;">
			<tr>
				<td><label for="carteType">##leg.Portal3.Payment.CardType</label></td>
				<td>
					<select name="carte" id="carteType">
						##if sessioncfg.ZONES.Portal3.Payments.VisaAccepted <option VALUE="visa">Visa</option> ##endif
						##if sessioncfg.ZONES.Portal3.Payments.MasterCardAccepted  <option VALUE="master">MasterCard</option> ##endif
						##if sessioncfg.ZONES.Portal3.Payments.AmexAccepted <option VALUE="amex">American Express</option> ##endif						
					</select>
				</td>
			</tr>
			<tr>
				<td><label for="cardNo">##leg.Portal3.Payment.CardNumber</label></td>
				<td>	
					<input type="text" name="prenom" id="cardNo" size="18">
				</td>
			</tr>
			<tr>
				<td><label for="cardName">##leg.Portal3.Payment.CardHolderName</label></td>
				<td>
					<input type="text" name="prenom" id="cardName" size="18">
				</td>
			</tr>
			<tr>
				<td>##leg.Portal3.Payment.CardExpiry</td>
				<td>
                    <label for="CardExpiryYear" class="Invisible">##leg.Portal3.Payment.CardExpiryYear</label>
					<select name="month" id="CardExpiryYear">
						<option VALUE="visa">01</option>
						<option VALUE="master">02</option>
						<option VALUE="amex">03</option>
						<option VALUE="visa">04</option>
						<option VALUE="master">05</option>
						<option VALUE="amex">06</option>
						<option VALUE="visa">07</option>
						<option VALUE="master">08</option>
						<option VALUE="amex">09</option>
						<option VALUE="visa">10</option>
						<option VALUE="master">11</option>
						<option VALUE="amex">12</option>
					</select>
				    <label for="CardExpiryMonth" class="Invisible">##leg.Portal3.Payment.CardExpiryMonth</label>
					<select name="month" id="CardExpiryMonth">
						<option VALUE="visa">2009</option>
						<option VALUE="master">2010</option>
						<option VALUE="amex">2011</option>
						<option VALUE="visa">2012</option>
						<option VALUE="master">2013</option>
						<option VALUE="amex">2014</option>
						<option VALUE="visa">2015</option>
						<option VALUE="master">2016</option>
						<option VALUE="amex">2017</option>
						<option VALUE="visa">2018</option>
						<option VALUE="master">2019</option>
						<option VALUE="amex">2020</option>
					</select>
				</td>
			</tr>
			<tr>
				<td><label for="csvCode">##leg.Portal3.Payment.CSV</label></td>
				<td>
					<input type="csv" name="prenom" id="csvCode" size="4" maxlength="4">
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<input type="submit" value="##leg.Portal3.Buttons.Confirm">
					<input type="submit" value="##leg.Portal3.Actions.Cancel" onclick="window.location='index.html';">
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<br>
					##local.PaymentImages	
				</td>
			</tr>
		
			</table>
		</form>
		
		</contentof>
		
		##local.define(Title)<contentof>
			##leg.Portal3.Payment.Title
		</contentof>
		
		##include(Body)
</contentof>


##local.define(BookPCView)<contentof>
        ##local.define(MondoPcUrl)<contentof>##sessioncfg.Data(ZONES.SelfService.MondoPC.Url)?id=##value.BRWR&lang=##this.StyleSetAttribute(LANG)</contentof>
		##local.define(Content)<contentof>
			<iframe src="##local.MondoPcUrl" frameborder=0 style="width:400px; height:400px;"></iframe>
		</contentof>
		##local.define(Section)<contentof>BookPC</contentof>
		##local.define(Title)<contentof>
			##leg.ZONESOPAC.MondoPCReserv.Title
		</contentof>
		
		##include(Body)
</contentof>

##local.define(DoneView)<contentof>0</contentof>
##this.SubView(##request.SubView)

##if request.IsEqual(SubView,"TrackSuggestions")
    ##local.defineByRender(TOOLBAR_URL_BACK)<CONTENTOF>##this&SubView=</CONTENTOF>
    ##include(PTrackSuggestions)
	##local.define(DoneView)<contentof>1</contentofs>

##endif
	
##if request.IsEqual(SubView,"PayScreen")
    ##local.defineByRender(TOOLBAR_URL_BACK)<CONTENTOF>##this&SubView=</CONTENTOF>
	##local.define(DoneView)<contentof>1</contentof>
	##local.PayView
##endif

##if request.IsEqual(SubView,"BookPC")
    ##local.defineByRender(TOOLBAR_URL_BACK)<CONTENTOF>##this&SubView=</CONTENTOF>
	##local.define(DoneView)<contentof>1</contentof>
	##local.BookPCView
##endif


##local.define(ChangeContactForm)<contentof>
		
		##local.define(FormRowTemplate)<contentof><tr><td style="white-space: nowrap; font-size:smaller">##local.Name</td><td class="ChangePinFieldCell">##local.Value</td></tr></contentof>
		
		<FORM id="ChangeContactForm" method="POST" action="##this.obj" style="display:none;">
			<INPUT type=hidden name="Method" value="ChangeContact">
			##this.stylesetforform
			<TABLE>	
					
					<INPUT type="hidden" name="Subscriber" value="##Value.SubscriberNo" />

					##local.define(Name)<CONTENTOF><label for="NewEmail">##leg.ZONESOPAC.ChangeContact.NewEmail</label></CONTENTOF>
					##local.define(Value)<CONTENTOF>
						<INPUT name="det.address_email" id="NewEmail" value="##Value.Detail.address_email" maxLength="40" size="40">
					</CONTENTOF>
					##local.FormRowTemplate

                    ##if sessioncfg.DB.Config.Circ.AllowEditTelephone1InMyZone
                                    
                		##local.define(Name)<CONTENTOF><label for="det.telephone_1">##leg.ZONESOPAC.Borrower.Regform.Telephonehome</label><span hardcoded=1></span></CONTENTOF>
						##local.define(Value)<CONTENTOF>
							<INPUT name="det.telephone_1" id="det.telephone_1" value="##Value.Detail.telephone_1" maxLength="20" size="20" />
                            ##if sessioncfg.DB.Config.Circ.UseTelephone1ExtInMyZone 
                            <label for="det.telephone_ext_1">##leg.ZONESOPAC.ChangeContact.TelephoneExt</label>
                            <INPUT name="det.telephone_ext_1" id="det.telephone_ext_1" value="##Value.Detail.telephone_ext_1" maxLength="6" size="6" />
							##else
							<INPUT type=hidden name="det.telephone_ext_1" id="det.telephone_ext_1" value="" />
							##endif
						
						</CONTENTOF>
						##local.FormRowTemplate
			    	##endif    
                                    
                    ##if sessioncfg.DB.Config.Circ.AllowEditTelephone2InMyZone
                                                        
						##local.define(Name)<CONTENTOF><label for="det.telephone_2">##leg.ZONESOPAC.ChangeContact.NewTelephoneDaytime</label></CONTENTOF>
						##local.define(Value)<CONTENTOF>
							<INPUT name="det.telephone_2" id="det.telephone_2" value="##Value.Detail.telephone_2" maxLength="20" size="20" />
                            ##if sessioncfg.DB.Config.Circ.UseTelephone2ExtInMyZone 
                            <label for="det.telephone_ext_2">##leg.ZONESOPAC.ChangeContact.TelephoneExt</label>
                            <INPUT name="det.telephone_ext_2" id="det.telephone_ext_2" value="##Value.Detail.telephone_ext_2" maxLength="6" size="6" />
							##else
							<INPUT type = hidden name="det.telephone_ext_2" id="det.telephone_ext_2" value="" maxLength="6" size="6" />
							##endif
						</CONTENTOF>
						##local.FormRowTemplate
                	##endif
                                    

				<TR>
					<TD  class="ChangePinLabelCell">&nbsp;</TD>				
					<td class="ChangePinFieldCell" align=right>
	                    <table>
	                        <tr>
	                        <td>
	                                ##local.define(ButtonCaption)<contentof>##leg.ZONESOPAC.ChangeContact.Button</contentof>
	                                ##local.define(ButtonTip)<contentof>##leg.ZONESOPAC.ChangeContact.ButtonTIP</contentof>
	                                ##local.define(ButtonHref)<contentof>javascript:submitChangeContact()</contentof>
	                                ##local.define(ButtonID)<contentof>buttonChangeContactSumbit</contentof>
									##local.ButtonFMT                                                                                                
	                         </td>
	                         <td>
	                                ##local.define(ButtonCaption)<contentof>##leg.Portal3.Actions.Cancel</contentof>
	                                ##local.define(ButtonTip)<contentof>##leg.Portal3.Actions.CancelTIP</contentof>
	                                ##local.define(ButtonHref)<contentof>javascript:cancelChangeContact()</contentof>
	                                ##local.define(ButtonID)<contentof>buttonChangeContactCancel</contentof>
	                                ##local.ButtonFMT
	                         </td>
	                        </tr>
	                    </table>
	                </td>
                </TR>
                
				</TABLE>
				<div id="changeContactResult"></div>
			</FORM>
</contentof>

	##local.define(TrapDetails)<contentof>
			##if Value.IsEqual(Detail.accountTrapLevel,Error)
								
					##local.define(Value)<contentof>
							
						##sessioncfg.MapLegendThroughTable(AccountTrapError,"DB.Config.ZONESERVICES.ErrorMessageMap")
						
						##Value.foreachIn(trap,Detail.traps)<contentof>
							
							##local.defineByRender(ErrorText)<contentof>##sessioncfg.MapLegendThroughTable(##trap.trapID,"DB.Config.ZONESERVICES.ErrorMessageMap")</contentof>
							##if local.IsEqual(ErrorText,"")
								##local.define(ErrorText)<contentof>##trap.trapID</contentof>
							##endif
							
							##if Value.Detail.overdue_loans 
							 	##local.replace(ErrorText, "$overdue$",##Value.Detail.overdue_loans)
							##endif
												
							##if local.IsEqual(ErrorText,"Hide")
							##else
								##local.ErrorText<br>
							##endif
						</contentof>
						
						<br>
						<br>
					</contentof>

					<div class="AccountTrapErrorContainer">	
						<b>##local.Value</b>
					</div>		
			##endif
				
			##if Value.IsEqual(Detail.accountTrapLevel,Warning)
			
				##local.define(Value)<contentof>
					##sessioncfg.MapLegendThroughTable(AccountTrapWarning,"DB.Config.ZONESERVICES.ErrorMessageMap")

					##Value.foreachIn(trap,Detail.traps)<contentof>
						
						##local.defineByRender(ErrorText)<contentof>##sessioncfg.MapLegendThroughTable(##trap.trapID,"DB.Config.ZONESERVICES.ErrorMessageMap")</contentof>
						##if local.IsEqual(ErrorText,"")
							##local.define(ErrorText)<contentof>##trap.trapID</contentof>
						##endif
						##if Value.Detail.overdue_loans 
						 	##local.replace(ErrorText, "$overdue$",##Value.Detail.overdue_loans)
						##endif

						##if local.IsEqual(ErrorText,"Hide")
						##else
							##local.ErrorText<br>
						##endif
						
					</contentof>
				</contentof>
				<div class=AccountTrapWarningContainer>	

					<b>##local.Value</b> 


				</div>		
			##endif
	</contentof>	

##local.define(ChangePinForm)<contentof>
		
		<FORM id="ChangePinForm" method="POST" action="##this.obj" style="display:none;">
			##this.stylesetforform
			
			<TABLE>
				<INPUT type=hidden name="BRWR" value="##Value.SubscriberNo">
				<INPUT type=hidden name="Method" value="InlineChangePin">

				<TR>
					<TD class="ChangePinLabelCell">
						<label for="changePIN">##leg.ZONESOPAC.Forms.Login.YourPIN</label>
					</TD>
					<TD class="ChangePinFieldCell">
						<INPUT type="password" id="changePIN" name="PIN" value="">
					</TD>
				</TR>
				<TR>
					<TD class="ChangePinLabelCell">
						<label for="changeNEWPIN">##leg.ZONESOPAC.ChangePin.NewPin</label>
					</TD>
					<TD class="ChangePinFieldCell">
						<INPUT type="password" id="changeNEWPIN" name="NEWPIN" value="">
					</TD>
				</TR>
				<TR>
					<TD class="ChangePinLabelCell">
						<label for="changeCONFIRMPIN">##leg.ZONESOPAC.ChangePin.ConfirmPin
					</TD>
					<TD class="ChangePinFieldCell">
						<INPUT type="password" id="changeCONFIRMPIN" name="CONFIRMPIN" value="">
					</TD>
				</TR>

				<TR>
					<TD  class="ChangePinLabelCell">&nbsp;</TD>				
					<td class="ChangePinFieldCell" align=right>
	                    <table>
	                        <tr>
	                        <td>
	                                ##local.define(ButtonCaption)<contentof>##leg.ZONESOPAC.ChangePin.Button</contentof>
	                                ##local.define(ButtonTip)<contentof>##leg.ZONESOPAC.ChangePin.ButtonTIP</contentof>
	                                ##local.define(ButtonHref)<contentof>javascript:submitChangePin()</contentof>
	                                ##local.define(ButtonID)<contentof>buttonChangePinSumbit</contentof>
									##local.ButtonFMT                                                                                                
	                         </td>
	                         <td>
	                                ##local.define(ButtonCaption)<contentof>##leg.Portal3.Actions.Cancel</contentof>
	                                ##local.define(ButtonTip)<contentof>##leg.Portal3.Actions.CancelTIP</contentof>
	                                ##local.define(ButtonHref)<contentof>javascript:cancelChangePin()</contentof>
	                                ##local.define(ButtonID)<contentof>buttonChangePinCancel</contentof>
	                                ##local.ButtonFMT
	                         </td>
	                        </tr>
	                    </table>
	                </td>
                </TR>
			</TABLE>
			<DIV id="changePinResult">...</DIV>
		</FORM>		
	</contentof>
	

##if local.IsEqual(DoneView,0)

	/* this is the account summary */
	##helpcontext.addHelp(Toolbar)

	##local.define(Section)<contentof>AccountSummary</contentof>

	

	
	
	##helpcontext.addHelp(MyZoneHome)
	##local.define(Title)<CONTENTOF>##leg.ZONESOPAC.Layout.MyZoneWelcome</CONTENTOF>

		##local.define(AdviceRowTabs)<contentof>

			##if sessioncfg.ZONES.SelfService.BookSuggestionsEnabled

				##helpcontext.addHelp(MakeBookSuggestionNav)
	            
				##local.define(CommandButtonHREF)<CONTENTOF>##this&Method=MakeBookSuggestion&Lang=##this.StyleSetAttribute(LANG)</CONTENTOF>
				##local.Define(CommandButtonText)<CONTENTOF>##leg.ZONESOPAC.MakeSuggestion.Link</CONTENTOF>
				##local.Define(CommandButtonTextTIP)<CONTENTOF>##leg.ZONESOPAC.MakeSuggestion.LinkTIP</CONTENTOF>
				##local.Define(CommandButtonTextALT)<CONTENTOF>##leg.ZONESOPAC.MakeSuggestion.LinkALT</CONTENTOF>
				##local.define(CommandButtonGraphic)<CONTENTOF></CONTENTOF>    
				##local.TabFMT
			##endif
		
			##if sessioncfg.ZONES.UserReviews.AllowModerate
			
				##local.define(CommandButtonHREF)<CONTENTOF>APS_ZONES?fn=ModerateUserReviews&Lang=##this.StyleSetAttribute(LANG)</CONTENTOF>
				##local.Define(CommandButtonText)<CONTENTOF>##leg.ZONESOPAC.UserReviews.ModerateButton</CONTENTOF>
				##local.Define(CommandButtonTextTIP)<CONTENTOF>##leg.ZONESOPAC.UserReviews.ModerateButtonTIP</CONTENTOF>
				##local.Define(CommandButtonTextALT)<CONTENTOF>##leg.ZONESOPAC.UserReviews.ModerateButtonALT</CONTENTOF>
		        ##local.define(CommandButtonGraphic)<CONTENTOF></CONTENTOF>    
				##local.TabFMT				
			##endif
			
			
			##if sessioncfg.ZONES.LibraryZone.LibraryEvents.EditEventList
			
				##local.define(CommandButtonHREF)<CONTENTOF>APS_ZONES?fn=AmendEventList&Lang=##this.StyleSetAttribute(LANG)</CONTENTOF>
				##local.Define(CommandButtonText)<CONTENTOF>##leg.EZONES.EventHome.AmendEvents</CONTENTOF>
				##local.Define(CommandButtonTextTIP)<CONTENTOF>##leg.EZONES.EventHome.AmendEventsTIP</CONTENTOF>
				##local.Define(CommandButtonTextALT)<CONTENTOF>##leg.EZONES.EventHome.AmendEventsALT</CONTENTOF>
		        ##local.define(CommandButtonGraphic)<CONTENTOF></CONTENTOF>    
				##local.TabFMT				
			##endif
			
		</contentof>
		
		
		##local.define(PaymentImages)<contentof>
			<div style="float:left; width:300px;">
				##if sessioncfg.ZONES.Portal3.Payments.VisaAccepted <img style="vertical-align:text-top;" class="PayImage" src="##local.VisaPNG" alt="Visa"/> ##endif
				##if sessioncfg.ZONES.Portal3.Payments.MasterCardAccepted  <img style="vertical-align:text-top;" class="PayImage" src="##local.MastercardPNG" alt="Mastercard"/> ##endif
				##if sessioncfg.ZONES.Portal3.Payments.AmexAccepted <img style="vertical-align:text-top;" class="PayImage" src="##local.AmexPNG" alt="American Express"/> ##endif
				<a href="javascript:PayAdvice()" title="##leg.Portal3.AccountHome.Personal.PayAdviceLinkTIP" style="text-align:top; padding-top:2px;">##leg.Portal3.AccountHome.Personal.PayAdviceLink</a>
						
			</div>
		</contentof>
		

		##local.define(SectionTitle)<CONTENTOF>##leg.Portal3.AccountHome.Summary.Title</CONTENTOF>
		
		##if request.IsEqual(SubView,"ShowAddress")
			##local.define(SectionTitle)<CONTENTOF>##leg.Portal3.AccountHome.Personal.Title</CONTENTOF>
		##endif
			

        ##local.define(Content)<contentof>

			
			<div class="title"><h2 class="MyZonetitleText">
				##if sessioncfg.ZONES.ShowNameInMyZone				
					##if Value.Detail.first_name ##Value.Detail.first_name ##endif
					##if Value.Detail.last_name  ##Value.Detail.last_name ##endif		
				##endif
			</h2>
			</div>

		
			<div style="clear:both;">

			##if request.IsEqual(SubView,"ShowAddress")

			##else
			
			##local.TrapDetails	
			
			<table style="width:100%;" cellspacing="0" cellpadding="0" >
				<thead>
					<tr>
						<td colspan="3" class="AccountSummaryHeaderCell">##leg.Portal3.AccountHome.Summary.Title</td>
					</tr>
				</thead>
				<tbody>
					
					##local.define(Actions)<contentof></contentof>
		
					##local.define(Stripe)<contentof>Stripe</contentof>
								
					##local.define(CounterRowTemplate)<contentof>
						<tr>
							<td class="AccountSummaryCounterNameCell##local.Stripe">
								##if local.IsEqual(HREF,"")
									##local.Name
								##else
									<a class="AccountSummaryCounterLink" href="##local.HREF" title="##local.Title">##local.Name</a>
								##endif
							</td>
							<td class="AccountSummaryCounterValueCell##local.Stripe">##local.Value</td>
							<td class="AccountSummaryActionCell##local.Stripe">##local.Actions</td>
						</tr>						
						##if local.IsEqual(Stripe,"")
							##local.define(Stripe)<contentof>Stripe</contentof>
						##else
							##local.define(Stripe)<contentof></contentof>
						##endif
					</contentof>
					
					
					/*##if Value.Detail.overdue_loans 
						##local.defineByRender(Name)<CONTENTOF><b>##leg.Portal3.AccountHome.Summary.OverdueLoans</b></CONTENTOF>
						##local.defineByRender(Value)<CONTENTOF><b>##Value.Detail.overdue_loans</b></contentof>
						##local.defineByRender(HREF)<contentof></contentof>
                        ##local.defineByRender(Title)<contentof></contentof>
						##local.CounterRowTemplate
					##endif
					*/
					
					##if sessioncfg.ZONES.SelfService.ShowLoansTotal
		
						##local.defineByRender(Name)<CONTENTOF>##leg.Portal3.AccountHome.Summary.Loans</CONTENTOF>
						##local.defineByRender(Value)<CONTENTOF>##Value.Detail.current_checkouts</contentof>
		
						##if sessioncfg.ZONES.SelfService.ViewLoans
							##local.defineByRender(HREF)<contentof>##this?Method=ShowLoans</contentof>
                            ##local.defineByRender(Title)<contentof>##leg.Portal3.AccountHome.Summary.LoansTIP</contentof>
						##else
							##local.defineByRender(HREF)<contentof></contentof>
                            ##local.defineByRender(Title)<contentof></contentof>
						##endif
		
						##local.CounterRowTemplate
		
					##endif

			##if sessioncfg.ZONES.SelfService.ShowReservationsTotal

				##local.define(Name)<CONTENTOF>##leg.ZONESOPAC.Baccount.BrowseItem.Reservations</CONTENTOF>

				##local.defineByRender(Value)<CONTENTOF>##Value.Detail.resv_cur</contentof>

				##if sessioncfg.ZONES.SelfService.ViewReservations
					##local.defineByRender(HREF)<contentof>##this?Method=ShowReservations</contentof>
                    ##local.defineByRender(Title)<contentof>##leg.ZONESOPAC.Baccount.BrowseItem.ReservationsTIP</contentof>
				##else
					##local.defineByRender(HREF)<contentof></contentof>
                    ##local.defineByRender(Title)<contentof></contentof>
				##endif

				##local.CounterRowTemplate

			##endif

			##if sessioncfg.ZONES.SelfService.ShowCSPTotal

				##if Value.Detail.csp_cur
					##local.define(Name)<CONTENTOF>##leg.ZONESOPAC.Baccount.BrowseItem.CSPRequests</CONTENTOF>
					##local.defineByRender(Value)<CONTENTOF>##Value.Detail.csp_cur</contentof>
					##local.defineByRender(HREF)<contentof>##this?Method=ShowCSP</contentof>
                    ##local.defineByRender(Title)<contentof>##leg.ZONESOPAC.Baccount.BrowseItem.CSPRequestsTIP</contentof>
					##local.CounterRowTemplate
				##endif
				
			##endif

            ##local.define(Name)<CONTENTOF>##leg.ZONESOPAC.Baccount.Button.Messages</CONTENTOF>
            ##local.defineByRender(Value)<CONTENTOF>##Value.Detail.MailCount</contentof>
            ##local.define(HREF)<contentof>##this&Method=ShowMessages</contentof>
            ##local.defineByRender(Title)<contentof>##leg.ZONESOPAC.Baccount.Button.MessagesTIP</contentof>

            ##local.CounterRowTemplate


			##if Value.Detail.current_amount_owed
			
	            ##local.define(Name)<CONTENTOF>##leg.Portal3.AccountHome.Summary.Fines</CONTENTOF>
	            ##local.defineByRender(Value)<CONTENTOF>##formatter.Double(##Value.Detail.current_amount_owed,##local.MoneyFormat)</contentof>
	            ##local.define(HREF)<contentof>##this&Method=ShowAccount</contentof>
                ##local.defineByRender(Title)<contentof>##leg.Portal3.AccountHome.Summary.FinesTIP</contentof>
				##local.define(Actions)<contentof>
						##if sessioncfg.ZONES.Portal3.Payments.Enabled					
							<div style="width:90x; float:left;">
							##local.define(ButtonCaption)<contentof>##leg.Portal3.AccountHome.Summary.Pay</contentof>
		                    ##local.define(ButtonTip)<contentof>##leg.Portal3.AccountHome.Summary.PayTIP</contentof>

		                    ##if bodyLinks.IsMap(PaymentServer)
		                    	##local.define(ButtonHref)<contentof>##bodyLinks.QualData(PaymentServer.URL)</contentof>
		                    	
		                    	##if bodyLinks.IsEmpty(PaymentServer.Target) 
		                    		##local.define(ButtonTarget)<contentof>##sessioncfg.ZONES.Portal3.DefaultBodyLinkTarget</contentof>
		                    	##else 
	                				##local.define(ButtonTarget)<contentof>##bodylinks.Data(##local.TargetPath)</contentof>
								##endif	    
		                    ##else
		                    	##local.define(ButtonHref)<contentof>javascript:Pay()</contentof>
		                    ##endif

		                    ##local.define(ButtonID)<contentof>buttonAccountPay</contentof>
                            
		                    ##local.ButtonFMT				
							</div>
		                    ##local.PaymentImages
		                    <div style="clear:both;"></div>
	                    ##endif
	                    
				</contentof>
	
	            ##local.CounterRowTemplate
				
	            ##local.define(Name)<CONTENTOF>##leg.Portal3.AccountHome.Summary.EstimatedFines</CONTENTOF>
	            ##local.defineByRender(Value)<CONTENTOF>##formatter.Double(##Value.Detail.estimated_late_fees,##local.MoneyFormat)</contentof>
	            ##local.define(HREF)<contentof>##this&Method=ShowLoans</contentof>
                ##local.defineByRender(Title)<contentof>##leg.Portal3.AccountHome.Summary.EstimatedFinesTIP</contentof>
				##local.define(Actions)<contentof>                    
				</contentof>
	
	            ##local.CounterRowTemplate

			##else
						
		            ##local.define(Name)<CONTENTOF>##leg.Portal3.AccountHome.Summary.Fines</CONTENTOF>
		            ##local.defineByRender(Value)<CONTENTOF>##formatter.Double(##Value.Detail.fine,##local.MoneyFormat)</contentof>
		            ##local.define(HREF)<contentof>##this&Method=ShowAccount</contentof>
                    ##local.defineByRender(Title)<contentof>##leg.Portal3.AccountHome.Summary.FinesTIP</contentof>
					##local.define(Actions)<contentof>
					
					##if sessioncfg.ZONES.Portal3.Payments.Enabled					
						<div style="width:90x; float:left;">
						##local.define(ButtonCaption)<contentof>##leg.Portal3.AccountHome.Summary.Pay</contentof>
	                    ##local.define(ButtonTip)<contentof>##leg.Portal3.AccountHome.Summary.PayTIP</contentof>
	                    ##local.define(ButtonHref)<contentof>javascript:Pay()</contentof>
	                    ##local.define(ButtonID)<contentof>buttonAccountPay</contentof>
	                    ##local.ButtonFMT				
						</div>
	                    ##local.PaymentImages
	                    <div style="clear:both;"></div>
	                    
                    ##endif
            
                            
					</contentof>
			##endif
				
				
			##if sessioncfg.ZONES.SelfService.BookSuggestionsEnabled

				##helpcontext.addHelp(MakeBookSuggestionNav)

	            
	            ##local.define(Name)<CONTENTOF></CONTENTOF>
	            ##local.defineByRender(Value)<CONTENTOF>
	            		<div style="margin-top:10px;">
						</div>
						<div style="width:110px;">
						##local.define(ButtonCaption)<contentof>##leg.ZONESOPAC.MakeSuggestion.Link</contentof>
	                    ##local.define(ButtonTip)<contentof>##leg.Portal3.AccountHome.Summary.PayTIP</contentof>
	                    ##local.define(ButtonHref)<contentof>##this&Method=MakeBookSuggestion&Lang=##this.StyleSetAttribute(LANG)</contentof>
	                    ##local.define(ButtonID)<contentof>buttonAccountPay</contentof>
	                    ##local.ButtonFMT				
						</div>
            	</contentof>
	            ##local.define(HREF)<contentof></contentof>
                ##local.defineByRender(Title)<contentof>##leg.ZONESOPAC.MakeSuggestion.LinkTIP</contentof>
				##local.define(Actions)<contentof>                    
		            ##if Value.IsMap(Detail.suggestions.suggestion)
					    &nbsp;&nbsp;&nbsp;<a style="margin-left:20px;margin-top:-2px;display:block;" href="##this&SubView=TrackSuggestions">##leg.ZONESOPAC.TrackSuggestions.Link</a>
					##endif
				</contentof>
	
	            ##local.CounterRowTemplate

			##endif
					
				</tbody>
			</table>
			
			##if Value.IsMap(Detail.LoanDetails)
			<div class="InlineCurrentLoans">
				<br>
				<br>
				<table>
					<thead>
						<tr>
							<td colspan="3" class="AccountDetailsHeaderCell">##leg.Portal3.Loans.Title</td>
						</tr>
					</thead>
					##Value.ForEachIn(value,Detail.LoanDetails)<contentof>
						##local.PLISLoansFMT
					</contentof>
				</table>			
			</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 align=left colspan=4>
							
							<div id="CannotRenewReason">
						</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>
			
			##endif
		##endif
		
		##local.define(Portal3AccountDetails)<contentof>
		<div class="AccountDetails" style="width:745px;">
				
				<table style="width:100%;" cellspacing="0" cellpadding="0" border="0">
					<thead>
						<tr>
							<td colspan="3" class="AccountDetailsHeaderCell">##leg.Portal3.AccountHome.Personal.Title</td>
						</tr>
					</thead>
				<tbody>
							
					##local.define(Actions)<contentof></contentof>
		
					##local.define(Stripe)<contentof>Stripe</contentof>
								
					##local.define(DetailRowTemplate)<contentof>
						<tr>
							<td valign="top" class="AccountDetailFieldNameCell##local.Stripe">
								##local.Name
							</td>
							<td valign="top" class="AccountDetailFieldValueCell##local.Stripe">##local.Value</td>
							<td valign="top" class="AccountDetailFieldActionCell##local.Stripe">##local.Actions</td>
						</tr>						
						##if local.IsEqual(Stripe,"")
							##local.define(Stripe)<contentof>Stripe</contentof>
						##else
							##local.define(Stripe)<contentof></contentof>
						##endif
					</contentof>
					

					##local.define(Name)<contentof><b>##leg.Portal3.AccountHome.Personal.Name</b></contentof>					
					##local.define(Value)<contentof>
						##if Value.Detail.first_name ##Value.Detail.first_name ##endif
						##if Value.Detail.last_name  ##Value.Detail.last_name ##endif		
					</contentof>
					
					##local.DetailRowTemplate
					
					##local.define(Name)<contentof><b>##leg.Portal3.AccountHome.Personal.Subscription</b></contentof>					
					##local.define(Value)<contentof>&nbsp;</contentof>
					
					##local.DetailRowTemplate
					
					##local.define(Name)<contentof>##leg.Portal3.AccountHome.Personal.Expiry</contentof>					
					##local.define(Value)<contentof>##formatter.YYYYDDMM(##Value.Detail.expiry_date_YYYYMMDD,##local.DateFormat)
					##local.define(Actions)<contentof>
						<a class="AccountSummaryActionLink" href="javascript:RenewSubscriptionAdvice()" title="##leg.Portal3.AccountHome.Personal.HowToRenewSubscriptionLinkTIP">##leg.Portal3.AccountHome.Personal.HowToRenewSubscriptionLink</a></contentof>
					</contentof>
					
					##local.DetailRowTemplate
				
					##local.define(Name)<contentof>##leg.Portal3.AccountHome.Personal.CardNumber</contentof>					
					##local.define(Value)<contentof>##Value.SubscriberNo
						##local.ChangePinForm
	
					</contentof>
					##local.define(Actions)<contentof>
						<a class="AccountSummaryActionLink" href="javascript:LostCard()" title="##leg.Portal3.AccountHome.Personal.LostCardLinkTIP">##leg.Portal3.AccountHome.Personal.LostCardLink</a>
						##if sessioncfg.ZONES.SelfService.ChangePIN 
							##if bodyLinks.IsMap(ChangePIN)
								<a id="ChangePinLink" class="AccountSummaryActionLink"
								##if bodyLinks.IsEmpty(ChangePIN.Target) target="##sessioncfg.ZONES.Portal3.DefaultBodyLinkTarget" ##else target="##bodylinks.Data(ChangePIN.Target)" ##endif
								href = "##bodyLinks.QualData(ChangePIN.URL)"  
								title="##leg.Portal3.AccountHome.Personal.ChangePINLinkTIP">##leg.Portal3.AccountHome.Personal.ChangePINLink</a>							
							##else				
								<a id="ChangePinLink" class="AccountSummaryActionLink" href="javascript:ChangePin()" title="##leg.Portal3.AccountHome.Personal.ChangePINLinkTIP">##leg.Portal3.AccountHome.Personal.ChangePINLink</a>
							##endif
							
						##endif
					</contentof>
					##local.DetailRowTemplate
					
					##local.define(Name)<contentof><b>##leg.Portal3.AccountHome.Personal.Address</b></contentof>					
					##local.define(Value)<contentof><div id="contactAddress1">##local.AddressPart1</div></contentof>
					##local.define(Actions)<contentof>
						##if sessioncfg.ZONES.SelfService.ChangeContactDetails
							##if bodyLinks.IsMap(ChangeContact)
								<a id="ChangeContactLink" class="AccountSummaryActionLink"
								##if bodyLinks.IsEmpty(ChangeContact.Target) target="##sessioncfg.ZONES.Portal3.DefaultBodyLinkTarget" ##else target="##bodylinks.Data(ChangeContact.Target)" ##endif
								href = "##bodyLinks.QualData(ChangeContact.URL)"  
								title="##leg.Portal3.AccountHome.Personal.ModifyContact">##leg.Portal3.Buttons.ModifyContactDetails</a>							
							##else				
								<a id="ChangeContactLink" class="AccountSummaryActionLink" href="javascript:ChangeContactDetails()" title="##leg.Portal3.AccountHome.Personal.ModifyContact">##leg.Portal3.Buttons.ModifyContactDetails</a>
							##endif
						##endif
						</contentof>
						

					##local.DetailRowTemplate

					##local.define(Name)<contentof>&nbsp;</contentof>					
					##local.define(Value)<contentof>&nbsp;</contentof>
					##local.define(Actions)<contentof></contentof>
					##local.DetailRowTemplate


					##local.define(Name)<contentof></contentof>					
					##local.define(Value)<contentof><div id="contactAddress2">##local.AddressPart2</div></contentof>
					##local.define(Actions)<contentof></contentof>
					##local.DetailRowTemplate


				</tbody>
				</table>					
				##local.ChangeContactForm

			</div>			
		</contentof>
					
			##if sessioncfg.ZONES.Portal3.ShowContactDetailsInAccountSummary
				##local.Portal3AccountDetails 
			##else			
				##if request.IsEqual(SubView,"ShowAddress")
					##local.Portal3AccountDetails 
				##endif			
			##endif
			  
			<DIV class="redmond" id="renewSubDLG" title="##leg.Portal3.AccountHome.Personal.RenewSubsTitle" style="display:none;">
				##leg.Portal3.AccountHome.Personal.RenewSubsAdvice
			</DIV> 
			
			<DIV class="redmond" id="lostCardDLG" title="##leg.Portal3.AccountHome.Personal.LostCardTitle" style="display:none;">
				##leg.Portal3.AccountHome.Personal.LostCardAdvice
			</DIV> 

			<DIV class="redmond" id="payAdviceDLG" title="##leg.Portal3.AccountHome.Personal.PayAdviceTitle" style="display:none;">
				##leg.Portal3.AccountHome.Personal.PayAdvice
			</DIV> 
			
	</CONTENTOF>

	##include(Body)
##endif
##endif
##endif