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

	/*
		This file is a very quick conversion of the Portfolio Portal3 account screen to use Concerto data.
		Note no attempt has been made to make this complete, so for example we are not using country specific address formats
		and we don't have all Concerto specific features.
		
		It is for demo use primarily - it will need to be done properly for production use.
		
	*/
##local.define(SetTrapLegend)<contentof>
     ##local.DefineByRender(Legend)<contentof>##sessioncfg.MapLegendThroughTable(##local.TrapId,"ZonesSelfService.CustomerTrapTable")</contentof>
     
     ##if local.IsEqual(Legend,"")
          ##local.DefineByRender(Legend)<contentof>##sessioncfg.MapLegendThroughTable(##local.TrapId,"ZonesSelfService.MasterTrapTable")</contentof>
     ##endif
     
     ##if local.IsEqual(Legend,"")		
          ##if local.IsLessAsInteger(TrapId,100)
               ##local.DefineByRender(Legend)<contentof>##sessioncfg.ParamLookup(Trap,##local.TrapId)</contentof>
          ##else 
               ##local.DefineByRender(Legend)<contentof>##sessioncfg.EnumLookup(CircTrapID,##local.TrapId)</contentof>
          ##endif
     ##endif
</contentof>

##if sessioninfo.User.LoanHistoryRequired
	##local.define(ShowLoanHistoryInMenu)<contentof>1</contentof>
##endif

##local.define(WriteTrapLegend)<contentof>
     ##if leg.IsEqual(ZONESOPAC.Baccount.BrowseItem.TrapReason,"")
     ##else
          <b>##leg.ZONESOPAC.Baccount.BrowseItem.TrapReason</b> - 
     ##endif
     <b>##local.Legend</b>
</contentof>

     
##local.define(Address)<CONTENTOF>
	/*##Value.Dump()*/
			##local.define(Name)<CONTENTOF>##leg.ZONESOPAC.Borrower.Regform.Address</CONTENTOF>
			##local.define(Value)<CONTENTOF>##Value.AddressLine1</CONTENTOF>
			##local.Value<br>
		
			##local.define(Name)<CONTENTOF>&nbsp;</CONTENTOF>
			##local.define(Value)<CONTENTOF>##Value.AddressLine2</CONTENTOF>
			##local.Value<br>
		
			##local.define(Name)<CONTENTOF>&nbsp;</CONTENTOF>
			##local.define(Value)<CONTENTOF>##Value.AddressLine3</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.Postcode</CONTENTOF>
				##local.Value
			##endif
			<br>		
			
			##if Value.IsEqual(Detail.telephone_1,"")
			##else
				##local.define(Name)<CONTENTOF>##leg.ZONESOPAC.Borrower.Regform.Telephonehome</CONTENTOF>
				##local.define(Value)<CONTENTOF>##Value.TelephoneNumber  /*##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.TelephoneNumberWork  /*##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.FaxNumber</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.EmailAddress</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.BrwrNum" />

					##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>
</contentof> /* text render */

##if request.IsEqual(Method,ChangeContact)
	##nothtml
	<div id="NewAddress" style="display:none;">
		##local.Address
	</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>
			function ChangePin() 
			{
				$('#ChangePinForm').show();	
				$('#ChangePinLink').hide();

			}
			function cancelChangePin() {
				$('#changePinResult').html("");
				$('#ChangePinForm').hide().each( function () {
					this.reset();
				});
                    $('#InvalidNewPin').each( function () {
                         $(this).hide();
                    });
				$('#ChangePinLink').show();
				
			}
               
               function RenewSubscription()
               {
                    $('#RenewSubsContent').show();
                    $('#ShowRenewSubsLink').hide();
                    $('#HideRenewSubsLink').show();
               }
               
               function cancelRenewSubs() {
                    $('#RenewSubsContent').hide();
                    $('#ShowRenewSubsLink').show();
                    $('#HideRenewSubsLink').hide();
               }
               
			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() { 
					        $('#contactAddress').html($('#NewAddress').html());
					        
						},
						beforeSubmit:  function (){
								
						}
			};
            
            var changeLoanHistoryOptions = {
                /*target:     '#changeContactResult', */
                url:        '##this.obj', 
                success:    function() { 
                    $('#changeLoanHistoryResult').html("##leg.Portal3.AccountHome.Personal.Updated");
                    
                },
                beforeSubmit:  function (){
                        
                }
			};

			
			$( function () {
				 
				// pass options to ajaxForm 
				
				$('#ChangePinForm').ajaxForm(changePinOptions);
				$('#ChangeContactForm').ajaxForm(changeContactOptions);
				$('#ChangeLoanHistoryForm').ajaxForm(changeLoanHistoryOptions);
                
				$('#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; 
				});
                
                $('#ChangeLoanHistoryForm').submit(function() { 
				    // submit the form 
				    $(this).ajaxSubmit(changeLoanHistoryOptions); 
				    // return false to prevent normal browser submit and page navigation 
				    return false; 
				});
				
				$('#lostCardDLG').dialog( 
					{ 
						width: "400px",
						autoOpen: false
					}
					
				);
				
				$('#renewSubDLG').dialog( 
					{ 
						width: "400px",
						autoOpen: false
					}	
				);
			});
			
			function submitChangePin()
			{
                    $('#InvalidNewPin').each( function () {
                         $(this).hide();
                    });
                    var newPinInput = document.getElementById('changeNEWPIN');
                    if(newPinInput == null) {
                         return;
                    }
                    
                    var newPinValue = newPinInput.value;
                    var re = new RegExp('[^A-Z|a-z|0-9]','m');
                    var tpin = re.exec(newPinValue);
                    
                    if(tpin != null) { 
                         $('#InvalidNewPin').each( function () {
                              $(this).show();
                         });
                    }
                    else {
                         $('#ChangePinForm').each( function () { 
                              $('#changePinResult').html("##leg.Portal3.AccountHome.Personal.Updating");
                              $(this).ajaxSubmit(changePinOptions);
                         });
                    }
			}

			function submitChangeContact()
			{
                    if(CheckContactData())
                    {
                         $('#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 CheckContactData()
               {
                    var ce  = document.getElementById("ConfirmError");
                    ce.style.display = "none";
                    var peErr = document.getElementById("ProvideEmailError");
                    peErr.style.display = "none";
               
                    var d1 = document.getElementById("Email");
                    var d2 = document.getElementById("ConfirmEmail");
                    var cm = document.getElementById("ContactMethod");
                    
                    if(cm != null)
                    {
                        if(cm.value == "2")
                        {
                            if(d1.value == "")
                            {
                                peErr.style.display = "";
                                d1.focus();
                                return false;
                            }
                        }
                    }
                    
                    if (d2 == null) {
                         return false;
                    }
                    
                    if (d1.value != d2.value)
                    {
                         ce.style.display = "";
                         d1.focus();
                         return false;
                    }
                    
                    return true;
               }

			##if sessioncfg.ZONES.Portal3.Payments.Enabled 
			function Pay()
			{
                ##if bodyLinks.IsMap(PaymentServer)
					var url = "##bodyLinks.QualData(PaymentServer.URL)";
                    url = url.replace("&amp;","&");
                ##else
                    var url = '##this&SubView=PayScreen';
                ##endif
                /*
				##if sessioncfg.IsEqual(ZONES.Portal3.Payments.Url,"")
				var url = '##this&SubView=PayScreen';
				##else
				var url = '##sessioncfg.ZONES.Portal3.Payments.Url';
				##endif
                    */
				document.location.replace(url);
			}
			##endif
			
			##if sessioncfg.ZONES.SelfService.MondoPC.AllowReservation 
			function BookPC() 
			{
				var url = '##this&SubView=BookPC';
				document.location.replace(url);
			}
			##endif
            
            function ChangeLoanHistory()
            {
                $('#ChangeLoanHistoryForm').show();
                $('#HideChangeLoanHistoryLink').show();
                $('#ChangeLoanHistoryLink').hide();
            }
            
            function cancelChangeLoanHistorySetting()
            {
                $('#ChangeLoanHistoryForm').hide();
                $('#ChangeLoanHistoryLink').show();
                $('#HideChangeLoanHistoryLink').hide();
            }
            
            function submitChangeLoanHistorySetting()
            {
                $('#ChangeLoanHistoryForm').each( function () { 
                    $('#changeLoanHistoryResult').html("##leg.Portal3.AccountHome.Personal.Updating");
                    $(this).ajaxSubmit(changeLoanHistoryOptions);
                    
                });
            } 
			
		</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;">
				<img class="PayImage" src="##local.VisaPNG" alt="Visa."/>
				<img class="PayImage" src="##local.MastercardPNG" alt="Mastercard."/>
				<img class="PayImage" src="##local.AmexPNG"alt="American Express."/>
			</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">
						<option VALUE="visa">Visa</option>
						<option VALUE="master">MasterCard</option>
						<option VALUE="amex">American Express</option>
					</select>
				</td>
			</tr>
			<tr>
				<td><label for="cardNo">##leg.Portal3.Payment.CardNumber</label></td>
				<td>	
					<input type="text" id="cardNo" name="prenom" size="18">
				</td>
			</tr>
			<tr>
				<td><label for="cardName">##leg.Portal3.Payment.CardHolderName</label></td>
				<td>
					<input type="text" id="cardName" name="prenom" 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(MondoPcUser)<contentof>##formatter.urlencode(##Value.BrwrNum)</contentof>
    ##local.define(MondoPcUrl)<contentof>##sessioncfg.Data(ZONES.SelfService.MondoPC.Url)?id=##local.MondoPcUser&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






##if local.IsEqual(DoneView,0)

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

	##local.define(Section)<contentof>AccountSummary</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">
                    <INPUT type="hidden" name="Subscriber" value="##Value.BrwrNum" />
                    ##this.stylesetforform
                    
			<TABLE>
                         ##if sessioncfg.DB.Session.Circ.Borrower.Reg.DisplayAmendContactMethod
                              ##local.define(Name)<contentof><label for="ContactMethod">##leg.ZONESOPAC.Borrower.Regform.ContactMethod</label></contentof>
                              ##local.define(Value)<contentof>
                                   ##sessioncfg.with(a,"Enum.BrwrContactMethod")<contentof>
                                        <select name="ContactMethod" id="ContactMethod">
                                             ##a.foreachin(i,"")<contentof>
                                                  ##local.defineByRender(attr)<contentof>##i.__label()</contentof>
                                                  ##local.Define(selectedContactMethod)<contentof>##if local.IsEqual(attr, ##Value.Data(ContactMethod)) selected="selected" ##else ##endif</contentof>
                                                  <option value="##local.attr" ##local.selectedContactMethod>
                                                       ##i.QualData(text)
                                                  </option>
                                             </contentof>
                                        </select>
                                   </contentof>
                              </contentof>
                              ##local.FormRowTemplate
                         ##endif	

                         ##if sessioncfg.DB.Session.Circ.Borrower.Reg.EmailAddressEnabled
                              ##local.define(Name)<contentof><label for="Email">##leg.ZONESOPAC.ChangeContact.NewEmail</label></contentof>
                              ##local.define(Value)<contentof> <INPUT type=text name="Email" id="Email" value="##Value.EmailAddress" maxLength="50" size="30"></contentof>
                              ##local.FormRowTemplate
                              
                              ##local.define(Name)<contentof><label for="ConfirmEmail">##leg.ZONESOPAC.ChangeContact.ConfirmNewEmail</label></contentof>
                              ##local.define(Value)<contentof> <INPUT type=text name="ConfirmEmail" id="ConfirmEmail" value="##Value.EmailAddress" maxLength="50" size="30"></contentof>
                              ##local.FormRowTemplate
                              
                              ##local.define(Name)<contentof></contentof>
                              ##local.define(Value)<contentof>
                                <span id="ConfirmError" style="display:none; font-style:bold; color:red; ">##leg.ZONESOPAC.ChangeContact.ConfirmNewEmailFail</span>
                                <span id="ProvideEmailError" style="display:none; font-style:bold; color:red;">##leg.ZONESOPAC.ChangeContact.ProvideNewEmailFail</span>                              
                              </contentof>
                              ##local.FormRowTemplate
                                                            
                         ##endif	
                         
                         ##if sessioncfg.DB.Config.Circ.ZONES.ChangeContact.AllowChangeHomePhone
                              ##if sessioncfg.DB.Session.Circ.Borrower.Reg.TelHomeEnabled
                                   ##local.define(Name)<contentof><label for="TelephoneNumber">##leg.ZONESOPAC.ChangeContact.NewTelephoneHome</label></contentof>
                                   ##local.define(Value)<contentof> <INPUT type=text id="TelephoneNumber" name="TelephoneNumber" value="##Value.TelephoneNumber" maxLength="17" size="30"></contentof>
                                   ##local.FormRowTemplate
                              ##endif
                         ##endif
                         
                         ##if sessioncfg.DB.Config.Circ.ZONES.ChangeContact.AllowChangeDaytimePhone
                              ##if sessioncfg.DB.Session.Circ.Borrower.Reg.TelWorkEnabled
                                   ##local.define(Name)<contentof><label for="TelephoneNumberWork">##leg.ZONESOPAC.ChangeContact.NewTelephoneDaytime</label></contentof>
                                   ##local.define(Value)<contentof> <INPUT type=text id="TelephoneNumberWork" name="TelephoneNumberWork" value="##Value.TelephoneNumberWork" maxLength="17" size="30"></CONTENTOF>
                                   ##local.FormRowTemplate
                              ##endif
                         ##endif
                         
                         ##if sessioncfg.DB.Config.Circ.ZONES.ChangeContact.AllowChangeMobilePhone
                              ##if sessioncfg.DB.Session.Circ.Borrower.Reg.TelMobileEnabled
                                   ##local.define(Name)<contentof><label for="MobilePhone">##leg.ZONESOPAC.ChangeContact.NewMobile</label></contentof>
                                   ##local.define(Value)<contentof> <INPUT type=text id="MobilePhone" name="MobilePhone" value="##Value.MobilePhone" maxLength="17" size="30"></contentof>
                                   ##local.FormRowTemplate
                              ##endif
                         ##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(ChangeLoanHistoryForm)<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="ChangeLoanHistoryForm" method="POST" action="##this.obj" style="display:none;">
                   <INPUT type="hidden" name="Method" value="ChangeContact">
                   <INPUT type="hidden" name="Subscriber" value="##Value.BrwrNum" />
                   ##this.stylesetforform
                   <table>
                          ##local.define(Name)<contentof><label for="LoanHistoryRequired">##leg.ZONESOPAC.LoanHistoryBrowse.EnableLoanHistory</label></contentof>
                          ##local.define(Value)<contentof>
                               <select name="LoanHistoryRequired" id="LoanHistoryRequired" style="width:75px;">
                                    <option value="0" ##if sessioninfo.User.LoanHistoryRequired ##else selected="selected" ##endif>##leg.GLOBAL.Buttonprompts.No</option>
                                    <option value="1" ##if sessioninfo.User.LoanHistoryRequired selected="selected" ##endif>##leg.GLOBAL.Buttonprompts.Yes</option>
                               </select>
                         </contentof>
                          ##local.FormRowTemplate
                         <tr>
                               <td  class="ChangePinLabelCell">
                                    <div id="changeLoanHistoryResult"></div>
                               </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:submitChangeLoanHistorySetting()</contentof>
                                                  ##local.define(ButtonID)<contentof>buttonChangeLoanHistorySettingSumbit</contentof>
                                                  ##local.ButtonFMT                                                                                                
                                             </td>
                                        </tr>
                                   </table>
                               </td> 
                         </tr>
                   </table>
                   
               </form>
     </contentof>
	
      ##local.define(RenewSubView)<contentof>
          ##if sessioncfg.ZONES.SelfService.ViewSubscription
               ##if Value.SubsEnabledInRsp
                    ##local.Define(ShowCurrentSubs)<CONTENTOF>1</CONTENTOF>
                    
                    ##if Value.IsEqual(NextSubs.Status,4)
                         <!-- Next subscription 'pending' -->
                         ##local.Define(ShowNextSubs)<CONTENTOF>1</CONTENTOF>
                    ##endif
                    
                    ##if Value.IsEqual(CurrentSubs.Status,2)
                         <!-- Current subscription 'expired' -->
                         ##local.Define(ShowNextSubs)<CONTENTOF>1</CONTENTOF>
                    ##endif
               ##endif
          ##endif
          
          <div id="RenewSubsContent" style="display:none">
               ##if local.ShowCurrentSubs
               <table>
                    <tr>
                         ##if local.ShowNextSubs
                              <td class="ChangePinLabelCell"><u>##leg.ZONESOPAC.Subscription.CurrentScheme</u></td>
                              <td class="ChangePinFieldCell">##Field.CurrentSubs.Scheme</td>
                         ##else
                              <td class="ChangePinLabelCell">##leg.ZONESOPAC.Subscription.Scheme</td>
                              <td class="ChangePinFieldCell">##Field.CurrentSubs.Scheme</td>
                         ##endif
                    </tr>
                    <tr>
                         <td class="ChangePinLabelCell">##leg.ZONESOPAC.Subscription.Period</td>
                         <td class="ChangePinFieldCell">##Field.CurrentSubs.Start ##leg.ZONESOPAC.Subscription.To ##Field.CurrentSubs.Expiry</td>
                    </tr>
                    <tr>
                         <td class="ChangePinLabelCell">##leg.ZONESOPAC.Subscription.Cost</td>
                         <td class="ChangePinFieldCell">##Field.CurrentSubs.Amount</td>
                    </tr>
                    <tr>
                         <td class="ChangePinLabelCell">##leg.ZONESOPAC.Subscription.Method</td>
                         <td class="ChangePinFieldCell">##Field.CurrentSubs.Method</td>
                    </tr>
                    <tr>
                         <td class="ChangePinLabelCell">##leg.ZONESOPAC.Subscription.Status</td>
                         <td class="ChangePinFieldCell">##Field.CurrentSubs.Status ##leg.ZONESOPAC.Subscription.On ##Field.CurrentSubs.Change</td>
                    </tr>
                    ##if sessioncfg.DB.Config.Circ.Brwr.RenewSubscriptionAllowed
                         ##if Value.IsEqual(CurrentSubs.Status,0)
                              ##if Value.IsEqual(CurrentSubs.Method,0)
                                   <tr>
                                        <td class="ChangePinLabelCell">&nbsp;</td>
                                        <td class="ChangePinFieldCell">
                                             ##local.define(ButtonCaption)<contentof>##leg.ZONESOPAC.Subscription.RenewSubs</contentof>
                                             ##local.define(ButtonTip)<contentof>##leg.ZONESOPAC.Subscription.RenewSubs</contentof>
                                             ##local.define(ButtonHref)<contentof>##this&Method=RenewSubs&PayType=Defer&WhichSubs=1</contentof>
                                             ##local.define(ButtonID)<contentof>buttonRenewSubsSumbit</contentof>
                                             ##local.ButtonFMT
                                             /*<table>
                                                  <tr>
                                                  <td>
                                                       ##local.define(ButtonCaption)<contentof>##leg.ZONESOPAC.Subscription.RenewSubs</contentof>
                                                       ##local.define(ButtonTip)<contentof>##leg.ZONESOPAC.Subscription.RenewSubs</contentof>
                                                       ##local.define(ButtonHref)<contentof>##this&Method=RenewSubs&PayType=Defer&WhichSubs=1</contentof>
                                                       ##local.define(ButtonID)<contentof>buttonRenewSubsSumbit</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:cancelRenewSubs()</contentof>
                                                       ##local.define(ButtonID)<contentof>buttonRenewSubsCancel</contentof>
                                                       ##local.ButtonFMT
                                                  </td>
                                                  </tr>
                                             </table>*/
                                        </td>
                                   </tr>
                              ##endif
                         ##endif
                    ##endif
                    ##if local.ShowNextSubs
                         <tr>
                              <td class="ChangePinLabelCell">&nbsp;</td>
                              <td class="ChangePinFieldCell">&nbsp;</td>
                         </tr>
                         <tr>
                              <td class="ChangePinLabelCell"><u>##leg.ZONESOPAC.Subscription.NextScheme</u></td>
                              <td class="ChangePinFieldCell">##Field.NextSubs.Scheme</td>
                         </tr>
                         <tr>
                              <td class="ChangePinLabelCell">##leg.ZONESOPAC.Subscription.Period</td>
                              <td class="ChangePinFieldCell">##Field.NextSubs.Start ##leg.ZONESOPAC.Subscription.To ##Field.NextSubs.Expiry</td>
                         </tr>
                         <tr>
                              <td class="ChangePinLabelCell">##leg.ZONESOPAC.Subscription.Cost</td>
                              <td class="ChangePinFieldCell">##Field.NextSubs.Amount</td>
                         </tr>
                         <tr>
                              <td class="ChangePinLabelCell">##leg.ZONESOPAC.Subscription.Method</td>
                              <td class="ChangePinFieldCell">##Field.NextSubs.Method</td>
                         </tr>
                         <tr>
                              <td class="ChangePinLabelCell">##leg.ZONESOPAC.Subscription.Status</td>
                              <td class="ChangePinFieldCell">##Field.NextSubs.Status ##leg.ZONESOPAC.Subscription.On ##Field.NextSubs.Change</td>
                         </tr>
                         ##if sessioncfg.DB.Config.Circ.Brwr.RenewSubscriptionAllowed
                              ##if Value.IsEqual(NextSubs.Status,0)
                                   ##if Value.IsEqual(NextSubs.Method,0)
                                        <tr>
                                             <td class="ChangePinLabelCell">&nbsp;</td>
                                             <td class="ChangePinFieldCell">
                                                  ##local.define(ButtonCaption)<contentof>##leg.ZONESOPAC.Subscription.RenewSubs</contentof>
                                                  ##local.define(ButtonTip)<contentof>##leg.ZONESOPAC.Subscription.RenewSubs</contentof>
                                                  ##local.define(ButtonHref)<contentof>##this&Method=RenewSubs&PayType=Defer&WhichSubs=2</contentof>
                                                  ##local.define(ButtonID)<contentof>buttonRenewSubsSumbit</contentof>
                                                  ##local.ButtonFMT      
                                                  /*<table>
                                                      <tr>
                                                      <td>
                                                              ##local.define(ButtonCaption)<contentof>##leg.ZONESOPAC.Subscription.RenewSubs</contentof>
                                                              ##local.define(ButtonTip)<contentof>##leg.ZONESOPAC.Subscription.RenewSubs</contentof>
                                                              ##local.define(ButtonHref)<contentof>##this&Method=RenewSubs&PayType=Defer&WhichSubs=2</contentof>
                                                              ##local.define(ButtonID)<contentof>buttonRenewSubsSumbit</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:cancelRenewSubs()</contentof>
                                                              ##local.define(ButtonID)<contentof>buttonRenewSubsCancel</contentof>
                                                              ##local.ButtonFMT
                                                      </td>
                                                      </tr>
                                                  </table>*/
                                             </td>
                                        </tr>
                                   ##endif
                              ##endif
                         ##endif
                    ##endif
               </table>
               ##endif
          </div>
      </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.BrwrNum">
				<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</label>
					</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>
                          <tr>
                              <td class="ChangePinLabelCell">&nbsp;</td>
                              <td class="ChangePinFieldCell">
                                   <div id="InvalidNewPin" style="display:none;color:red;">
                                        ##leg.ZONESOPAC.ChangePin.InvalidNewPin
                                   </div>
                              </td>
                          </tr>
                
			</TABLE>
			<DIV id="changePinResult"></DIV>
		</FORM>		
	</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.iDealEnable
                        <img class="PayImage" src="##local.iDealJPG" alt="iDEAL"/>
                    ##else
                        ##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
                ##endif
			</div>
		</contentof>
		
		##local.define(SectionTitle)<CONTENTOF>##leg.Portal3.AccountHome.Summary.Title</CONTENTOF>

		##if Value.IsEqual(NumberOfRes,0)
			##local.define(HideReservationListLink)<contentof>1</contentof>
		##endif

        ##local.define(Content)<contentof>

			<div class="title"><h2 class="MyZonetitleText">
				##if sessioncfg.ZONES.ShowNameInMyZone				
					/*##if Value.FullName ##Value.FullName ##endif*/
					##Value.Title ##Value.Forename ##Value.Prefix ##Value.Surname
				##endif
			</h2>
			</div>
		
			<div style="clear:both;">
			
                   ##if sessioncfg.ZonesSelfService.ShowTrapInformationInMyZone
                         ##if sessioninfo.IsMap(User.CheckBrwr)
                              ##if sessioninfo.User.CheckBrwr.IsTrapped
                                   <div class="AccountTrapWarningContainer">
                                        <b>##leg.ZONESOPAC.LoanBrowse.AdviceTrapped</b>
                                        <br/><br/>                                   
                                        ##if sessioninfo.IsEqual(User.CheckBrwr.PrimaryTrapLevel,0)
                                        ##else
                                             ##local.defineByRender(TrapId)<contentof>##sessioninfo.User.CheckBrwr.PrimaryTrapId</contentof>
                                             ##local.SetTrapLegend
                                             ##local.WriteTrapLegend
                                        ##endif 

                                        ##if sessioninfo.User.CheckBrwr.HasSecondaryTrap
                                              ##if sessioninfo.IsEqual(User.CheckBrwr.SecondaryTrapLevel,0)
                                              ##else
                                                  <br/>
                                                  ##local.defineByRender(TrapId)<contentof>##sessioninfo.User.CheckBrwr.SecondaryTrapId</contentof>
                                                  ##local.SetTrapLegend
                                                  ##local.WriteTrapLegend
                                             ##endif
                                        ##endif
                                   </div>
                                   <br/>
                              ##endif
                         ##endif
                   ##endif


			<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.ItemsOnLoan.0.Value</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
				##if local.HideReservationListLink
				##else
					
					##local.define(Name)<CONTENTOF>##leg.ZONESOPAC.Baccount.BrowseItem.Reservations</CONTENTOF>
					##local.defineByRender(Value)<CONTENTOF>##Value.NumberOfRes</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
			##endif
			
			##if sessioncfg.IsEqual(ZONES.SelfService.ClosedStackRequest,CSP)
				##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.CSPRequests</contentof>
						##local.CounterRowTemplate
					##endif
					
				##endif
			##endif
			
			##if sessioncfg.IsEqual(ZONES.SelfService.ClosedStackRequest,DEM)
				##if sessioncfg.ZONES.SelfService.ShowDEMTotal

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

            /*
            Concerto does not have messages.
            
            ##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></contentof>
            ##local.CounterRowTemplate
			*/
        ##if sessioncfg.ZONES.SelfService.ShowAccountBalance
            ##local.define(Name)<CONTENTOF>##leg.Portal3.AccountHome.Summary.Fines</CONTENTOF>
            ##local.defineByRender(Value)<CONTENTOF>##Value.AccountBalance/*##formatter.Double(##Value.Detail.fine,##local.MoneyFormat)*/</contentof>
            ##if sessioncfg.ZONES.BrowseOptions.ShowATDetailsInAccountBrowse
               ##local.define(HREF)<contentof>##this&Method=ShowExpandedAccount</contentof>
            ##else
               ##local.define(HREF)<contentof>##this&Method=ShowAccount</contentof>
            ##endif
            ##local.defineByRender(Title)<contentof>##leg.Portal3.AccountHome.Summary.Fines</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
				##endif
				<div style="clear:both;"></div>
                    
			</contentof>

            ##local.CounterRowTemplate
		  ##local.define(Actions)<contentof></contentof>	
		##endif
		
		##if Value.CreditAllowed
			##if sessioncfg.ZONES.SelfService.ShowCreditBalance
				##if Value.CreditMandatory
				
					##local.defineByRender(Name)<CONTENTOF>##leg.Portal3.AccountHome.Summary.MandatoryCredit</CONTENTOF>
					##local.defineByRender(Value)<CONTENTOF>##Value.MandatoryCreditBalance</contentof>
					##local.defineByRender(HREF)<contentof></contentof>
					##local.defineByRender(Title)<contentof></contentof>
					##if sessioncfg.ZONES.SelfService.ViewCredit
						##local.defineByRender(HREF)<contentof>##this?Method=ShowCredits&BrowseAsHloc=##local.thisLoc</contentof>
						##local.defineByRender(Title)<contentof>##leg.Portal3.AccountHome.Summary.MandatoryCreditTIP</contentof>
					##endif
					##local.CounterRowTemplate
					
				##endif
				
				##local.defineByRender(Name)<CONTENTOF>##leg.Portal3.AccountHome.Summary.Credit</CONTENTOF>
				##local.defineByRender(Value)<CONTENTOF>##Value.CreditBalance</contentof>
				##local.defineByRender(HREF)<contentof></contentof>
				##local.defineByRender(Title)<contentof></contentof>
				##if sessioncfg.ZONES.SelfService.ViewCredit
					##local.defineByRender(HREF)<contentof>##this?Method=ShowCredits&BrowseAsHloc=##local.thisLoc</contentof>
					##local.defineByRender(Title)<contentof>##leg.Portal3.AccountHome.Summary.CreditTIP</contentof>
				##endif
				##local.CounterRowTemplate
				
			##endif		
		##endif
		
		##if sessioncfg.ZONES.UserReviews.AllowModerate
			##local.define(Name)<CONTENTOF></CONTENTOF>
				##local.defineByRender(Value)<CONTENTOF>
					##helpcontext.addHelp(ModerateUserReviewNav)
					<div style="margin-top:10px;">
					</div>
					<div style="width:110px;">
						##local.define(ButtonCaption)<contentof>##leg.ZONESOPAC.UserReviews.ModerateButton</contentof>
						##local.define(ButtonTip)<contentof>##leg.ZONESOPAC.UserReviews.ModerateButtonTIP</contentof>
						##local.define(ButtonHref)<contentof>APS_ZONES?fn=ModerateUserReviews&##this.StyleSet</contentof>
						##local.define(ButtonID)<contentof>buttonModatateUserReview</contentof>
						##local.ButtonFMT		
					</div>		
				</CONTENTOF>
				##local.define(Actions)<contentof></contentof>
			##local.CounterRowTemplate
		##endif	
		
		</tbody>
			</table>

/*			
			##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 local.IsEqual(ErrorText,"Hide")
							##else
								##local.ErrorText<br>
							##endif
						</contentof>
						
						<br>
						<br>
					</contentof>

					<div class="AccountTrapErrorContainer">	
						##local.Value
					</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 local.IsEqual(ErrorText,"Hide")
						##else
							##local.ErrorText<br>
						##endif
					</contentof>
				</contentof>
				<div class=AccountTrapWarningContainer>	

					##local.Value


				</div>		
			##endif
*/
                   


			<div class="AccountDetails">
				
				<table style="width:100%;" cellspacing="0" cellpadding="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="CAccountDetailFieldNameCell##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>##leg.Portal3.AccountHome.Personal.Name</contentof>					
					##local.define(Value)<contentof>
						##Value.Title ##Value.Forename ##Value.Prefix ##Value.Surname
					</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>&nbsp;</contentof>					
					##local.define(Value)<contentof>&nbsp;</contentof>
					##local.DetailRowTemplate    
                         
					##local.define(Name)<contentof>##leg.Portal3.AccountHome.Personal.Expiry</contentof>					
					##local.define(Value)<contentof>##Value.CurrentSubs.Expiry
                                        ##local.RenewSubView
                               </contentof>
					##local.define(Actions)<contentof>
                                   ##if sessioncfg.ZONES.SelfService.ViewSubscription
						<a id="ShowRenewSubsLink" class="AccountSummaryActionLink" href="javascript:RenewSubscription()" title="##leg.Portal3.AccountHome.Personal.ShowSubscriptionLinkTIP">##leg.Portal3.AccountHome.Personal.ShowSubscriptionLink</a>
                                     <a id="HideRenewSubsLink" class="AccountSummaryActionLink" href="javascript:cancelRenewSubs()" title="##leg.Portal3.AccountHome.Personal.HideSubscriptionLinkTIP" style="display:none;">##leg.Portal3.AccountHome.Personal.HideSubscriptionLink</a>  
                                   ##endif
					</contentof>
					
					##local.DetailRowTemplate
				
					##local.define(Name)<contentof>##leg.Portal3.AccountHome.Personal.CardNumber</contentof>					
					##local.define(Value)<contentof>##Value.BrwrNum
						##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>
						<a id="ChangePinLink" class="AccountSummaryActionLink" href="javascript:ChangePin()" title="##leg.Portal3.AccountHome.Personal.ChangePINLinkTIP">##leg.Portal3.AccountHome.Personal.ChangePINLink</a>
						
					</contentof>
					##local.DetailRowTemplate
					
					##local.define(Name)<contentof>##leg.Portal3.AccountHome.Personal.Address</contentof>					
					##local.define(Value)<contentof><div id="contactAddress">##local.Address</div></contentof>
					##local.define(Actions)<contentof><a id="ChangeContactLink" class="AccountSummaryActionLink" href="javascript:ChangeContactDetails()" title="##leg.Portal3.AccountHome.Personal.ModifyContact">##leg.Portal3.Buttons.Modify</a></contentof>
					##local.DetailRowTemplate
                    
                         ##if sessioncfg.ZONES.SelfService.ViewLoansHistory
                         ##local.define(Name)<contentof>&nbsp;</contentof>					
					##local.define(Value)<contentof>##local.ChangeLoanHistoryForm</contentof>
					##local.define(Actions)<contentof>
                            <a id="ChangeLoanHistoryLink" class="AccountSummaryActionLink" href="javascript:ChangeLoanHistory()" title="##leg.Portal3.AccountHome.Personal.ChangeLoanHistoryLinkTIP">##leg.Portal3.AccountHome.Personal.ChangeLoanHistoryLink</a>
                            <a id="HideChangeLoanHistoryLink" class="AccountSummaryActionLink" href="javascript:cancelChangeLoanHistorySetting()" title="##leg.Portal3.AccountHome.Personal.HideChangeLoanHistoryLinkTIP" style="display:none;">##leg.Portal3.AccountHome.Personal.HideChangeLoanHistoryLink</a>
                        </contentof>
					##local.DetailRowTemplate
                         ##endif
                         
					<tr>
						<td colspan="2">
						    <br>
							##local.ChangeContactForm
						</td>
					</tr>
                         /*
                               ##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>##Value.Dump()</contentof>
                               ##local.define(Actions)<contentof></contentof>
                               ##local.DetailRowTemplate
                            */                                
				</tbody>
				</table>					

			</div>        
			<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> 
			
	</CONTENTOF>

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