##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(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();
				});
				$('#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() { 
					        $('#contactAddress').html($('#NewAddress').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
					}	
				);
			});
			
			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' );		
			}

			##if sessioncfg.ZONES.Portal3.Payments.Enabled 
			function Pay()
			{
				##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
			
		</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">
			##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>
	
	##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>
			</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;">
				<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(SectionTitle)<CONTENTOF>##leg.Portal3.AccountHome.Summary.Title</CONTENTOF>

        ##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;">
				
			<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

				##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

			##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

            /*
            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
			*/

            ##local.define(Name)<CONTENTOF>##leg.Portal3.AccountHome.Summary.Fines</CONTENTOF>
            ##local.defineByRender(Value)<CONTENTOF>##Value.AccountBalance/*##formatter.Double(##Value.Detail.fine,##local.MoneyFormat)*/</contentof>
            ##local.define(HREF)<contentof>##this&Method=ShowAccount</contentof>
            ##local.defineByRender(Title)<contentof>##leg.Portal3.AccountHome.Summary.Fines</contentof>
			##local.define(Actions)<contentof>
					<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>
                    
			</contentof>

            ##local.CounterRowTemplate
			
					
				</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="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>
						##Value.FullName
					</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>##Value.CurrentSubs.Expiry
					##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.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><b>##leg.Portal3.AccountHome.Personal.Address</b></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

					<tr>
						<td colspan="2">
						    <br>
							##local.ChangeContactForm
						</td>
					</tr>
				</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