##formatter.TextRender()<contentof>
	##this.SubView(##request.SubStyle)
	##include(Defaults)

##local.Define(Title)<contentof>##leg.ZONESOPAC.MakePreInscription.Title</contentof>
##local.Define(Advice)<contentof>
    ##if value.Completed
            ##leg.ZONESOPAC.MakePreInscription.CompletedAdvice 
	##else
		##leg.ZONESOPAC.MakePreInscription.Prompt
	##endif
	
</contentof>
##local.define(PageHeaderScripts)<contentof>
<script>
var datePickerLegends = new Object();
var nbrChildren, navigationBar;

datePickerLegends.months = [
                "January",
                "February",
                "March",
                "April",
                "May",
                "June",
                "July",
                "August",
                "September",
                "October",
                "November",
                "December"];
datePickerLegends.fullDay = [
                "Monday",
                "Tuesday",
                "Wednesday",
                "Thursday",
                "Friday",
                "Saturday",
                "Sunday"];
datePickerLegends.titles = [
                "Previous month",
                "Next month",
                "Previous year",
                "Next year"];
##endif

</script>

/*		<script type="text/javascript" src="/date-picker/js/datepicker.js"></script>
        <link href="/date-picker/css/datepicker.css" rel="stylesheet" type="text/css" />
*/
<link href="/portal3/css/pagination-digg.css" rel="stylesheet" type="text/css" />
</contentof>

##local.define(SuggestionForm)<contentof>
<FORM action='##this.obj' id="theform" method=post >

##this.StyleSetForForm
				<input id='inputMethod' type=hidden name="Method" value="MakeInscription"/>
##local.define(StringField)<contentof>
				<INPUT 
				##if formfield.IsDefined(Size) size="##formfield.Size"## else size ="60" ##endif 
					title = "##formfield.QualData(ToolTip)"
					
					##if local.IsEqual(RPath,Request.id) 
						##local.defineByRender(Name)<contentof>##value.Request.category</contentof> 
						name="Request.##formfield.Data(##local.Name)" 
					##else
						name="Request.##formfield.__Label()" 
					##endif 
					
					id="Request.##formfield.__Label()"
					##if value.IsString(##local.RPath) value=##value.AsJScriptLit(##local.RPath) ##else  ##if formfield.IsDefined(Default) value="##formfield.Default" ##else value="" ##endif ##if formfield.IsDefined(Lock) readonly="readonly" ##endif ##endif 
				/>
				
</contentof>

##local.define(SexCode)<contentof>
	<SELECT size=1 name="##local.RPath" id="##local.RPath" 					
			title = "##formfield.QualData(ToolTip)">
	<option value=""></option>
	<option value="M" ##if value.IsEqual(##local.RPath,"M") selected ##endif>##leg.ZONESOPAC.SexCodeM</option>
	<option value="F" ##if value.IsEqual(##local.RPath,"F") selected ##endif>##leg.ZONESOPAC.SexCodeF</option>
	</SELECT>	
</contentof>

##local.define(DateCode)<contentof>


<input type="text" title = "##formfield.QualData(ToolTip)" name="##local.RPath" id="##local.RPath" ##if value.IsString(##local.RPath) value=##value.AsJScriptLit(##local.RPath) ##else value="" ##endif maxlength="10" /></contentof>

##local.define(LanguageCode)<contentof>
<SELECT size=1 name="##local.RPath" id="##local.RPath"					
			title = "##formfield.QualData(ToolTip)">
	<option value=""></option>
	##value.Foreachin(lcode,LanguageCodes.List.results)<contentof>
		<option value="##lcode.language_code" ##if value.IsEqual(##local.RPath,##lcode.language_code) selected ##endif>##lcode.QualData(description)</option>
	</contentof>
</SELECT>
	
</contentof>

##local.define(PostCode)<contentof>
    <INPUT size="##formfield.Size"
           title = "##formfield.QualData(ToolTip)"
		   name="Request.##formfield.__Label()" 
		   id="Request.##formfield.__Label()"
		   ##if value.IsString(##local.RPath) value=##value.AsJScriptLit(##local.RPath) ##else value="" ##endif ></INPUT>
</contentof>

##local.define(Dependence)<contentof>
	<script>nbrChildren = ##formfield.Max; var selectElementId ="Request.##formfield.__Label()"; var mainAccountLabel ="##formfield.QualData(MainAccountLabel)"; var wizzardFinish = "##formfield.QualData(FinishLabel)"; </script>
	<select id="Request.##formfield.__Label()" style="width:15%" onchange="fillDropDownList()" title = "##formfield.QualData(ToolTip)">
		<option></option>
	</select>
</contentof>

##local.define(OccupationCode)<contentof>
	
	<select style="width:419px" name="##local.RPath" id="##local.RPath" >
		<option value="" >##formfield.QualData(FirstOption)</option>

		##if value.isMap(Occupations)
			##value.ForeachIn(occup, Occupations)<contentof>
				##local.defineByRender(OptionLabel)<contentof>Options.##occup.occupation_code</contentof>
				<option value="##occup.occupation_code"  ##if value.IsEqual(Request.category,##occup.occupation_code) selected ##endif>##formfield.Data(##local.OptionLabel)</option>
			</contentof>
		##endif
	</select>
</contentof>

##local.define(InstituteCode)<contentof>
	##local.defineByRender(InstituteCodeShown)<contentof>1</contentof>
	<select style="width:419px" name="##local.RPath" id="##local.RPath" >
		<option value="" >##formfield.QualData(FirstOption)</option>
		##value.forEachIn(list,Institutes)<contentof>
			##local.defineByRender(ListRPath)<contentof>##list.__Label()</contentof>
				##if value.IsEqual(Request.division,##local.ListRPath)
					##list.forEachIn(ins,"")<contentof>
						<option class="cleanOption" value="##ins.institute_code"  ##if value.IsEqual(Request.institute,##ins.institute_code) selected="selected" ##endif >##ins.QualData(description)</option>
					</contentof>
				##endif 
			##endif
		</contentof>
	</select>
</contentof>

##local.define(DivisionCode)<contentof>
	##local.defineByRender(DivisionCodeShown)<contentof>1</contentof>
	<select style="width:419px" name="##local.RPath" id="##local.RPath" > 
		
		##if value.IsDefined(##local.OccupationRPath)
			##local.defineByRender(OptionLabelPath)<contentof>FirstOption.##value.Request.category</contentof>
			<option value="" >##formfield.QualData(##local.OptionLabelPath)</option>
		##else
			<option value="" >##formfield.QualData(FirstOption)</option>
		##endif
		
		##value.forEachIn(list,Divisions)<contentof>
			##local.define(ListRPath)<contentof>##list.__Label()</contentof>
			##if value.IsEqual(Request.category,##local.ListRPath)
				##list.forEachIn(div,"")<contentof>
					<option class="cleanOption" value="##div.institute_code"  ##if value.Request.division ##if value.IsEqual(Request.division,##div.institute_code) selected="selected" ##endif ##endif > ##div.QualData(description)</option>
				</contentof>
			##endif
		</contentof>
	</select> 
</contentof>

##local.define(TextCode)<contentof>
	<Textarea  name="##local.RPath" id="##local.RPath" title="##formfield.QualData(ToolTip)"  ##if formfield.IsDefined(Lock) readonly="readonly" ##endif
		##if formfield.IsEqual(Column,"") cols="60" ##else cols="##formfield.Column" ##endif
		##if formfield.IsEqual(Row,"") rows="10" ##else rows="##formfield.Row"	##endif>
	</Textarea>
</contentof>

##local.define(SubSelect)<contentof>
	<select name="##local.RPath" id="##local.RPath" >
		##value.ForeachIn(option,##local.Options)<contentof>
		<option value="##option.value" >##option.QualData(label)</option>
		</contentof>
	</select>
</contentof>


##local.define(Init)<contentof>	
	##sessioncfg.with(form,DB.Config.Circ.PreInscriptionForm)<contentof>
		##form.foreachIn(formfield,"")<contentof>
			##local.defineByRender(RPath)<contentof>Request.##formfield.__Label()</contentof>
			
			##if sessioncfg.ZONES.GetOccupationsOnPreinscription
				
				##local.defineByRender(OccupationsAllowed)<contentof>TABOCC  01 TABOCC  02 TABOCC  03 TABOCC  04 TABOCC  07 TABOCC  08 TABOCC  10 TABOCC  11 TABOCC  15 TABOCC  16</contentof>
				
				##if formfield.IsEqual(Validation,Occupation)
					##local.defineByRender(OccupationRPath)<contentof>##local.RPath</contentof>
					##local.defineByRender(OccupationSelector)<contentof>#Request\\.##formfield.__Label()</contentof>
				##endif
				##if formfield.IsEqual(Validation,Division)
					##local.defineByRender(DivisionRPath)<contentof>##local.RPath</contentof>
					##local.defineByRender(DivisionSelector)<contentof>#Request\\.##formfield.__Label()</contentof>
				##endif
				##if formfield.IsEqual(Validation,Institute)
					##local.defineByRender(InstituteRPath)<contentof>##local.RPath</contentof>
					##local.defineByRender(InstituteSelector)<contentof>#Request\\.##formfield.__Label()</contentof>
				##endif
				
			##endif
		</contentof>
	</contentof>
</contentof>


##local.Init
##local.defineByRender(InstituesDetailsPath)<contentof>Institutes.##value.Request.division</contentof>
<script>
jQuery.fn.exists = function(){return jQuery(this).length>0;}
var wizzardActivated = false;
var current_subscriber;
var current_page = 0;
var subscribers = [];

##if sessioncfg.ZONES.GetOccupationsOnPreinscription 
var allowedOccupations = "##local.OccupationsAllowed";
##endif

var phoneRegex = /^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/;
var emailRegex = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
var cleanRegex = /&lt;\d{1,}&gt;/; 


$(document).ready(function(){
	if(nbrChildren != undefined){
		var selectbox = document.getElementById(selectElementId);
		for(var i=0;i<nbrChildren;i++){
			var optn = selectbox.document.createElement("OPTION");
			optn.text = i+1;
			optn.value = i+1
			selectbox.options.add(optn);
		}
	}
	
	##if sessioncfg.ZONES.GetOccupationsOnPreinscription
	$(".cleanOption").each(function(){
		
		if(this != null )
			var optionText = this.innerHTML ;
			this.innerHTML = optionText.replace(cleanRegex,"");		
	});
	navigationBar = $("#navbar");
		
	//sorts all options, for each dropdown list with ids starting by "Request"
	$("select[id^=Request]").each(
		function(){
			$("option",this).sort(
				function (a, b) {    
					//puts the option with no value first in the list 
					if (a.value.indexOf("TAB") < 0 ) 
						return -1;
					else if (b.value.indexOf("TAB") < 0)
						return 1;
					//the actual sorting
					return (a.innerHTML > b.innerHTML) ? 1 : -1;
				}
			).appendTo( $(this) );
		}
	);
	
	 $("##local.OccupationSelector").change(function(){
		
		$("#inputMethod").val("GetDivisions");
		$("#Request\\.division").val("");
		$("form").submit();
		$("span[id^='mandatory']").hide();
		$("#inputMethod").val("MakePreInscription");
		
	});
	
	$("##local.OccupationSelector option").each(function(){
		if (allowedOccupations.indexOf(this.value) < 0)
			$(this).remove();
	});
	
	$("##local.DivisionSelector").change(function(){
		
		$("#inputMethod").val("GetInstitutes");
		
		$("form").submit();
		$("span[id^='mandatory']").hide();
		$("#inputMethod").val("MakePreInscription");
		
	});
	
	$("##local.InstituteSelector").change(function(){
		
		
		var div_code = "";
		var institutuionsMap = ##value.AsJSONMap(##local.InstituesDetailsPath);
		var input_address_3 = $("#Request\\.work_address");
		var intputWokPhone = $("#Request\\.telephone_2");
		var index = parseInt(this.selectedIndex);
		
		if (index > 0){
			if(input_address_3.exists()){
				
				for( var ins in institutuionsMap)
				{
					if(institutuionsMap.hasOwnProperty(ins))
					{
						var instituteDetails = institutuionsMap[ins];
						if(instituteDetails["institute_code"] == this.value)
						{
						
							var address = instituteDetails["address_1"]+"\n"+instituteDetails["address_2"]+" "+instituteDetails["postal_code"];
							input_address_3.val(address);
							
							if(intputWokPhone.exists()){
								intputWokPhone.val(instituteDetails["telephone1"]);
							}
							
						}
					}
				}
				//var instituteDetails = institutuionsMap[div_code]["i_"+index];
				
			}
		}	
		
	});
	
	
	
	var selectInstitute = $("##local.InstituteSelector");
	var selectOccupation = $("##local.OccupationSelector");
	var selectDivision = $("##local.DivisionSelector");
	
	if (selectOccupation.exists())
	{
		var occ_code = selectOccupation.val();

		if (occ_code != ""){
		
			if (!selectInstitute.exists() && selectDivision.exists()){
				var divisionsMap = ##value.AsJSONMap(Divisions);
				var input_address_3 = $("#Request\\.work_address");
				var intputWokPhone = $("#Request\\.telephone_2");
				
				var index = parseInt(selectDivision[0].selectedIndex);
				
				if (index !=-1){
				
					index--;
					var divisionDetails = divisionsMap[occ_code]["i_"+index];
					
					if (divisionDetails!=null){
						
						
						if(input_address_3.exists()){
							var address = divisionDetails["address_1"]+"\n"+divisionDetails["address_2"]+" "+divisionDetails["postal_code"];
							input_address_3.val(address);
							
						}

						if(intputWokPhone.exists()){
							intputWokPhone.val(divisionDetails["telephone1"]);
						}
					}
					
				}
			}
		}
	}
	
	##endif
});

function appendOptions(obj, select)
{
	select.html("");
	var options = select.attr("options");
	options[0] = new Option(" --- ","");
	
	$.each(obj, function(label, value){
		//adding options
		options[options.length] = new Option( label, value);
	});
}

function isValidDate(day,month,year){
/*
Purpose: return true if the date is valid, false otherwise

Arguments: day integer representing day of month
month integer representing month of year
year integer representing year

Variables: dteDate - date object

*/
var dteDate;

//set up a Date object based on the day, month and year arguments
//javascript months start at 0 (0-11 instead of 1-12)
dteDate=new Date(year,month,day);

/*
Javascript Dates are a little too forgiving and will change the date to a reasonable guess if it's invalid. We'll use this to our advantage by creating the date object and then comparing it to the details we put it. If the Date object is different, then it must have been an invalid date to start with...
*/

return ((day==dteDate.getDate()) && (month==dteDate.getMonth()) && (year==dteDate.getFullYear()));
}

</script>

<TABLE cellSpacing=8  border=0 width="80%">
  <TBODY>
	
	##sessioncfg.with(form,DB.Config.Circ.PreInscriptionForm)<contentof>
		
		##form.foreachIn(formfield,"")<contentof>
			##local.define(FieldVisibility)<contentof>Visible</contentof>
			##local.defineByRender(RPath)<contentof>Request.##formfield.__Label()</contentof>
			
			##if formfield.IsDefined(Visibility)
				##if value.Request.category
					##if formfield.ContainsIgnoreCase(Visibility,##value.Request.category)
					##else
						##local.defineByRender(FieldVisibility)<contentof></contentof>
					##endif
				##else
					##local.defineByRender(FieldVisibility)<contentof></contentof>
				##endif
			##endif
			
			##if formfield.IsEqual(Validation,Division)
				##if value.IsDefined(##local.OccupationRPath)
					##local.defineByRender(MapPath)<contentof>Divisions.##value.Request.category</contentof>
					
					##if value.IsMap(##local.MapPath)
					##else
						##local.defineByRender(FieldVisibility)<contentof></contentof>
					##endif
				
				##else
					##local.defineByRender(FieldVisibility)<contentof></contentof>	
				##endif 
			##endif 
			
			##if formfield.IsEqual(Validation,Institute)
				##if value.Request.division
					##local.defineByRender(MapPath)<contentof>Institutes.##value.Request.division</contentof>
					
					##if value.IsMap(##local.MapPath)
					##else
						##local.defineByRender(FieldVisibility)<contentof></contentof>
					##endif
				
				##else
					##local.defineByRender(FieldVisibility)<contentof></contentof>
				##endif
				
				##if value.IsDefined(##local.OccupationRPath)
					
				##else
					##local.defineByRender(FieldVisibility)<contentof></contentof>
				##endif
				
			##endif 
			
			##if formfield.IsEqual(Validation,ID)
				##if value.IsDefined(##local.OccupationRPath)
					
				##else
					##local.defineByRender(FieldVisibility)<contentof></contentof>
				##endif
			##endif
			
			##if local.IsEqual(FieldVisibility,Visible)
			<TR>
			<TD width="30%">
				##if formfield.IsEqual(Mandatory,1) <span  width="10px;">*</span> ##else<span width="10px;">&nbsp;</span>##endif 
				##if formfield.IsEqual(Validation,ID)
					##local.defineByRender(LabelPath)<contentof>Label.##value.Request.category</contentof>
					##formfield.QualData(##local.LabelPath) :
				##else
					##if formfield.IsEqual(Validation,Division)
						##local.defineByRender(LabelPath)<contentof>Label.##value.Request.category</contentof>
						##formfield.QualData(##local.LabelPath) :
					##else
						##formfield.QualData(Label) :
					##endif
				##endif
				
				
			</TD>
			<TD width="70%">
				
				##local.define(InvalidLegend)<contentof>##leg.ZONESOPAC.MakePreInscription.InvalidFieldContent</contentof>
				##if formfield.IsEqual(Validation,String)
					##local.StringField
				##endif
				
				##if formfield.IsEqual(Validation,ID)
					##local.defineByRender(IDCodeShown)<contentof>1</contentof>
					##local.StringField
				##endif
				
				##if formfield.IsEqual(Validation,None)
					##local.StringField
				##else
					##if formfield.IsEqual(Validation,phone)
						##local.StringField
					##else 
						##if formfield.IsEqual(Validation,email)
							##local.StringField
						##endif
					##endif
				##endif
				
				##if formfield.IsEqual(Validation,SexCode)
					##local.SexCode
				##endif
				
				##if formfield.IsEqual(Validation,Date)
					##local.DateCode
				##endif
				
				##if formfield.IsEqual(Validation,LanguageCode)
					##local.LanguageCode
				##endif
		
				##if formfield.IsEqual(Validation,AccountCode)
					##local.Dependence
					
				##endif
                
                ##if formfield.IsEqual(Validation,PostCode)
                    ##local.PostCode
                    ##local.define(InvalidLegend)<contentof>##leg.Expand(ZONESOPAC.MakePreInscription.InvalidPostCodeContent,MaxLen,##sessioncfg.DB.Config.Circ.PreInscription.MaxPostCodeLength)</contentof>
                ##endif
				
				##if formfield.IsEqual(Validation,Occupation)
					##local.OccupationCode
				##endif	
				
				##if formfield.IsEqual(Validation,Institute)
					##local.InstituteCode
				##endif
				
				##if formfield.IsEqual(Validation,Division)
					##local.DivisionCode
				##endif
				
				
				##if formfield.IsEqual(Validation,text)
					##local.TextCode
				##endif
				
				<span id="mandatory.##local.RPath" style="display:none;" >##leg.ZONESOPAC.MakePreInscription.MissingFieldContent </span>
				<span id="invalid.##local.RPath" style="display:none;" >##local.InvalidLegend</span>

				</TD>
			</TR>
			##endif
			/*<TR>
				<TD colspan=2/>
					
					<hr>
					##formfield.Dump()
				</TD>
			</TR>*/
			
		</contentof>
		
	<script>
		
		function CheckMandatoryField( name )
		{
			var elem = document.getElementById(name);
			if
				(elem == null)
			{
				alert("failed to find field elem "+name);
			}else{
				var s = elem.value;
				
				var span = document.getElementById("mandatory."+name);
				
				if
					(s == "")
				{
					if
						(span != null)
					{
						span.style.display = "";
					}
					//alert( "Mandtory field "+name+" not filled in");
					return false;
				}
				else
				{
					if
						(span != null)
					{
						span.style.display = "none";
					}
					return true;
				}
			}
		}

		function isValidDate(day,month,year){
			//alert("day="+day+" month="+month+" year="+year);
			/*
			Purpose: return true if the date is valid, false otherwise

			Arguments: day integer representing day of month
			month integer representing month of year
			year integer representing year

			Variables: dteDate - date object

			*/
			var dteDate;

			//set up a Date object based on the day, month and year arguments
			//javascript months start at 0 (0-11 instead of 1-12)
			dteDate=new Date(year,month-1,day);

			/*
			Javascript Dates are a little too forgiving and will change the date to a reasonable guess if it's invalid. We'll use this to our advantage by creating the date object and then comparing it to the details we put it. If the Date object is different, then it must have been an invalid date to start with...
			*/

			return ((day==dteDate.getDate()) && (month-1==dteDate.getMonth()) && (year==dteDate.getFullYear()));
		}

		function ReadDateDDMMYYYY(Q) 
		{ 
			if (Q.search(/^\d\d\/\d\d\/\d\d\d\d/)!=0) { return false} // bad format
			//alert("Good format");
			var T = Q.split('/')
			if (!isValidDate(T[0], T[1], T[2])) { return false } // bad value
			return true;
		}

		function ValidateDateFormat( s, format )
		{
			if
				(format=="DD/MM/YYYY")
			{
				//alert(s);
				return ReadDateDDMMYYYY(s);
			}
			else 
			{
				return false;
			}
			
		}
        function ValidatePostCode(v)
        {
            var minLimit = ##sessioncfg.DB.Config.Circ.PreInscription.MinPostCodeLength;
            var maxLimit = ##sessioncfg.DB.Config.Circ.PreInscription.MaxPostCodeLength;
            if(v.length >= minLimit && v.length <= maxLimit)
            {
                return true;
            }
            return false;
        }
		function ValidateFieldValue( v, ftype )
		{
			if ( ftype =="Date")
			{
				return ValidateDateFormat( v, "DD/MM/YYYY");
			}
			
            if( ftype =="PostCode")
            {
                return ValidatePostCode(v);
            }
			
			if(ftype == "phone")
			{
				return phoneRegex.test(v); 
			}
			
			if(ftype == "email")
			{
				return emailRegex.test(v);
			}
			// all is good.
			return true;
		}
		function CheckFieldContents( name, ftype )
		{
			var elem = document.getElementById(name);
			if
				(elem == null)
			{
				alert("failed to find field elem "+name);
			}
			var s = elem.value;

			var span = document.getElementById("mandatory."+name);
			
			if
				(s == "")
			{
				if
					(span != null)
				{
					span.style.display = "none";
				}
			}

			// ok so now we check the value s
			span = document.getElementById("invalid."+name);
			
			if
				( ValidateFieldValue(  s, ftype ))
			{
				if (span != null) span.style.display = "none";
				if(ftype == "phone")
				{
					elem.value = s.replace(phoneRegex, "($1) $2-$3");
				}
				return true;
			}
			else
			{
				if (span != null) span.style.display = "";
			}
			
		}
		
		function CheckFields()
		{
		   var haveError = false;
		   var r = false;
			##form.foreachIn(formfield,"")<contentof>
				
				##local.defineByRender(RPath)<contentof>Request.##formfield.__Label()</contentof>
				
				
				##if formfield.IsEqual(Mandatory,1)
					
					##local.defineByRender(CanCheckField)<contentof>1</contentof>
					
					##if formfield.IsEqual(Validation,Institute)
						##if local.InstituteCodeShown
						##else
							##local.defineByRender(CanCheckField)<contentof>0</contentof>
						##endif
					##else
						##if formfield.IsEqual(Validation,Division)
							##if local.DivisionCodeShown
							##else
								##local.defineByRender(CanCheckField)<contentof>0</contentof>
							##endif
						##else
							##if formfield.IsEqual(Validation,ID)
								##if local.IDCodeShown
								##else
									##local.defineByRender(CanCheckField)<contentof>0</contentof>
								##endif
							##endif
						##endif
					##endif 
				
					
					##if local.IsEqual(RPath,Request.telephone_2) 
						
							##if formfield.ContainsIgnoreCase(Visibility,##value.Request.category) 
							##else 
								##local.defineByRender(CanCheckField)<contentof>0</contentof>
							##endif
						
					##endif
				
				
					##if local.IsEqual(CanCheckField,1)
						r = CheckMandatoryField( "##local.RPath" )
						if (r)  r = CheckFieldContents( "##local.RPath" , "##formfield.Validation");
						if ( !haveError) haveError = !r;
					##endif
					
				##endif
				
			</contentof>
			
			return !haveError;
		}
		
		##local.defineByRender(SubscriberObj)<contentof>	
			##form.foreachIn(formfield,"")<contentof>
				##local.defineByRender(RPath)<contentof>Request.##formfield.__Label()</contentof>
				
				current_subscriber["##formfield.__Label()"]  = document.getElementById("##local.RPath").value;
				
			</contentof>
		</contentof>
		##local.defineByRender(fieldDisabled)<contentof>	
			##form.foreachIn(formfield,"")<contentof>
				##local.defineByRender(RPath)<contentof>Request.##formfield.__Label()</contentof>
				var input = document.getElementById("##local.RPath");
				##if formfield.Sticky
				input.disabled = true;
				##else
				if(input.id == selectElementId) input.disabled = true;
				else input.value = "";
				##endif
				
			</contentof>
		</contentof>
		##local.defineByRender(fieldEnabled)<contentof>
			##form.foreachIn(formfield,"")<contentof>
				##local.defineByRender(RPath)<contentof>Request.##formfield.__Label()</contentof>
				var input = document.getElementById("##local.RPath");
				##if formfield.Sticky
				input.disabled = false;
				##else
				if(input.id == selectElementId) {input.disabled = true;}
				else input.value = "";
				##endif
			</contentof>
		</contentof>
		##local.defineByRender(Subsciberform)<contentof>
			##form.foreachIn(formfield,"")<contentof>
				##local.defineByRender(RPath)<contentof>Request.##formfield.__Label()</contentof>
				
				document.getElementById("##local.RPath").value = subscriber.##formfield.__Label();
			</contentof>
		</contentof>
		##local.defineByRender(SubsciberHiddenInputs)<contentof>
			##form.foreachIn(formfield,"")<contentof>
				##local.defineByRender(RPath)<contentof>Request.##formfield.__Label()</contentof>
				if(selectElementId != "##local.RPath")
				content +="<input id='Dependent.subscriber_"+i+".##formfield.__Label()' type='hidden' name='Dependent.subscriber_"+i+".##formfield.__Label()' value='"+subscriber.##formfield.__Label()+"' />";
			</contentof>
		</contentof>



		function getNbrSubscriber(){
			var dropDownList = document.getElementById(selectElementId);
			if(subscribers[0] != undefined){
				var subscriber = subscribers[0];
				return subscriber[selectElementId];
			}else{
				return dropDownList.selectedIndex;
			}
		}
	
		function fillDropDownList(){
			
			
			/*<li><a  id="previous" >previous</a></li><li><a  id="next">next</a>*/
			
			
			this.$outerList = $("<ul id='pagination-digg'><li  id='list_item_0' class='active'><a id='page_link_0'>"+mainAccountLabel+"</a></li></ul>");
			navigationBar.get(0).innerHTML = "";
			navigationBar.append($outerList);
			var nbr = getNbrSubscriber();
			
			if(nbr>0){
				wizzardActivated = true;
				navigationBar.show();
				$('#previous').fadeOut(0);
				$("#buttonBrowseSearch").hide("fast");
				$("#buttonBrowseSearchClr").hide("fast");
				for(var page=1;page<=nbr;page++){
					var index = page-1;
					if(page  == nbr){
						var finish = page+1;
						$("#list_item_"+index).after("<li id='list_item_"+page+"'><a id='page_link_"+page+"' > "+page+"</a><li id='list_item_"+finish+"'><a id='page_link_"+finish+"' > "+wizzardFinish+" </a></li>");
					}
					else
						$("#list_item_"+index).after("<li id='list_item_"+page+"'><a id='page_link_"+page+"' > "+page+"</a></li>");
				}
				
				
				$("#pagination-digg li a").each(function(){
					$(this).click(function(){
						var desiredPage = $(this).attr('id');
						desiredPage = parseInt(desiredPage.replace(/(page_link_)/,""));
						load_page(desiredPage);
					});
				});	
				
			}
			else{
				##local.fieldEnabled
					load_page(0);
					wizzardActivated =false;
					document.getElementById(selectElementId).value = "";
					
					$("#buttonBrowseSearch").show("fast");
					$("#buttonBrowseSearchClr").show("fast");
					$("#summary li").each(function(){
						$(this).remove();
					});
					$("#pagination-digg").fadeOut();
					for(var index=0;index<subscribers.length;index++)	
						subscribers[index] = null;
			}
		}
		
		function load_page(page){
			var nbr = document.getElementById(selectElementId).selectedIndex;
			
			if(page == current_page) return;
			
			$('#previous').fadeOut();
			$('#next').fadeOut();
			
			if(CheckFields() ){
				//storring the informations of the current page
				addSubscriber(current_page);
				if(subscribers[current_page] !=null)
				{
					if($("#summary").get().length == 0){
						$("#theform").after("<div id='summary_container'><ul id='summary'></ul></div>");
						var cssSummary = {
							"margin":0,
							"padding":0,
							"position":"relative",
							"text-align":"left",
							"top":20
						};
						
						$("#summary").parent().css(cssSummary);
					}
					var subscriber = subscribers[current_page];
					if(/\S/.test(subscriber.first_name) && /\S/.test(subscriber.last_name)){
						var name = subscriber.first_name+" "+subscriber.last_name;
						var id = "subscriber_"+current_page;
						if($("#"+id).get().length == 0){
							$("#summary").append("<li id='"+id+"' class='summary_li'>"+name+"<img src='/Portal3/img/green_check.png' class='summary_img'  /></li>")
						}else
						if($("#"+id).get().length == 1){
							$("#"+id).get(0).innerHTML = name+" <img src='/Portal3/img/green_check.png' class='summary_img' />";
						}
					}
					
				}
				$("#theform").fadeOut('fast');
				if(page  == nbr+1){
					$("#buttonBrowseSearch").show("fast");
					$("#buttonBrowseSearchClr").show("fast");
				}
				else{
					if(page>0 ) {
						##local.fieldDisabled
					}
					else if (page == 0 ) {
						##local.fieldEnabled
					}
					
					if(subscribers[page] != null){ 
						displaySubscriber(subscribers[page]);
					}
				}

				$("#list_item_"+current_page).removeClass("active");
				$("#list_item_"+page).addClass("active"); 
				$("#theform").fadeIn('fast');
				current_page = page;
				
				
				switch(current_page){
					case 0:
					$('#next').fadeIn();
						break;
					case nbr+1:
						$('#previous').fadeIn();
						break;
					default:
						$('#previous').fadeIn();
						$('#next').fadeIn();
				}
				
				if(page>nbr){
					$("#navbar").hide();	
				}
			}
		}
		
		function addSubscriber(index){
			
			var current_subscriber = new Object();
			##local.SubscriberObj
			
			subscribers[index] = current_subscriber;
			current_subscriber = null;
			
		}
		
		
		function displaySubscriber(subscriber){
			##local.Subsciberform
		}
		
		function resetWizzard(){
			if(wizzardActivated){
					##local.fieldEnabled
					wizzardActivated =false;
					
					$("#buttonBrowseSearch").show("fast");
					$("#buttonBrowseSearchClr").show("fast");
					$("#summary li").each(function(){
						$(this).remove();
					});
					$("#pagination-digg").fadeOut();
					for(var index=0;index<subscribers.length;index++)	
						subscribers[index] = null;
						
					document.getElementById(selectElementId).disabled = false;
				}
			
		}
	
	</script>
	</contentof>	
  <tr id='promt'>
	<TD width="30%">
	</TD>
	<TD width="70%">
		##leg.ZONESOPAC.MakePreInscription.MandatoryFieldsPrompt 
	</TD>
	
  <tr>
  	
  	                        <!-- Submit and Clear Buttons  SNIP-->
                        

  	
	<TD width="30%">&nbsp;</TD>
	<TD width="70%">
		
			<script type="text/javascript">

			

			
			
		function submitForm() {
			if ( CheckFields()){
				if(wizzardActivated){
					var nbr = document.getElementById(selectElementId).selectedIndex
					
					load_page(0);
					for(var i = 1;i<=nbr;i++){
						var subscriber = subscribers[i];
						var content = "";
						##local.SubsciberHiddenInputs
						$("#theform").append(content);
					}
					
					document.getElementById(selectElementId).id = "something";
					document.forms['theform'].submit();
					document.getElementById("something").id = selectElementId;
					resetWizzard();
				} else{
				
					document.forms['theform'].submit();
				}
				
				
			}
		}
	       function resetForm()
	        {
	            var form = document.getElementById("theform");
	            if (form) 
	            {
					form.reset();
					##if sessioncfg.ZONES.GetOccupationsOnPreinscription 
						document.location = "APS_ZONES?fn=preinscription";
					##endif
					if (wizzardActivated) resetWizzard();
	            }
	            
	        }
		</script>
		
		<br>
		<table>
            <tr>
                <td>
                        ##local.define(ButtonCaption)<contentof>##leg.ZONESOPAC.MakePreInscription.Submit</contentof>
                        ##local.define(ButtonTip)<contentof>##leg.ZONESOPAC.MakePreInscription.SubmitTIP</contentof>
                        ##local.define(ButtonHref)<contentof>javascript:submitForm()</contentof>
                        ##local.define(ButtonID)<contentof>submitButton</contentof>
                        ##local.ButtonFMT                                                                                                
                 </td>
                 <td>
                 		##local.define(ButtonClass)<contentof>button_blue</contentof>
                        ##local.define(ButtonCaption)<contentof>##leg.ZONESOPAC.MakePreInscription.Reset</contentof>
                        ##local.define(ButtonTip)<contentof>##leg.ZONESOPAC.MakePreInscription.ResetTIP</contentof>
                        ##local.define(ButtonHref)<contentof>javascript:resetForm()</contentof>
                        ##local.define(ButtonID)<contentof>buttonBrowseSearchClr</contentof>
                                        ##local.ButtonFMT
                 </td>
	      
            </tr>
    	</table>
  </tr>
  </TBODY></TABLE>
  <div id="navbar" ></div>
</FORM>	
</contentof>

##local.define(SendConfirmationEmail)<contentof>
	<div id="emailConfimation">
		Thank you! <br>
		Your registration request has been submitted successfully. A confirmation email will be sent to your email address.
		<div id="message_to_visitor" style="display:none">
			<p>
			  <span style='font-size:10.0pt;font-family:"Helvetica","sans-serif";color:#202020'>
			  Thank you for submitting the registration form. You will be
			  notified via your email upon approval of your request. 
			  </span>
				<br/>
			  <span style='font-size:10.0pt;font-family:"Helvetica","sans-serif";color:#202020'>
			  In the meantime, if you need any help please contact us:
			  </span>
			  <br/>
			</p>
			<p>
			  <strong>
				<span style='font-size:8.5pt;font-family:"Arial","sans-serif"'>Access
				and Circulation Services</span>
			  </strong>
			  <a name="circulation" id="circulation"></a>
			  <br><span style='font-size:8.5pt;font-family:"Arial","sans-serif"'>
				Instructional Resources &#160;(Library) 
			   </span>
				<p>
				  <div style='font-size:8.5pt;font-family:"Arial","sans-serif"'>
				  Manitoba Education
				  <br>1181 Portage Ave., Winnipeg, MB&#160; R3G 0T3
				  <br>Telephone:&#160; Winnipeg: 204-945-5371 
				  <br>Toll free in Manitoba:&#160; 800-282-8069, ext. 5371
				  <br>Fax:&#160; 204-945-8756
				  <br>email: 
				  <a href="mailto:irucirc@gov.mb.ca">
					<span style='color:#006643'>irucirc@gov.mb.ca</span>
				  </a>
				 </div>
				 <br/>
				  <p>
					<span style='font-size:10.0pt;font-family:"Helvetica","sans-serif";color:#202020'>
					Visit our website:  </span>
					<a href="http://www.edu.gov.mb.ca/k12/iru">
					http://www.edu.gov.mb.ca/k12/iru</a>
					<br/>
					<span style='font-size:10.0pt;font-family:"Helvetica","sans-serif";color:#202020'>
					Find resources: 
					<a href="http://library.edu.gov.mb.ca">
					http://library.edu.gov.mb.ca</a></span>
				  </p>
				</p></br>
			  </span>
			</p>
		</div>
		<div id="message_to_staff" style="display:none">
			A new registration request has arrived abd is awaiting verification.<br>
			Systems Administrator
		</div>
		##sessioncfg.With(emailConf,ZONES.Portal3.Preinscription.Config)<contentof>
		<script>
			$(function(){
				
				sendEmail("##value.Request.address_email",
							"##emailConf.VisitorEmailFrom",
							"##emailConf.VisitorEmailSubject",
							$("#message_to_visitor").html()
				);
				
				sendEmail("##emailConf.StaffEmailTo",
							"##emailConf.StaffEmailFrom",
							"##emailConf.StaffEmailSubject",
							$("#message_to_staff").html()
				);
			});
			
			function sendEmail(to,from,subject,body){
				$.post("##this",
					{
						"Method":"Send",
						"MailTo":to,
						"MailFrom":from,
						"MailSubject":escape(subject),
						"MailBody":body
					}
				);
			}
		</script>
		</contentof>
	</div>
	
</contentof>

##local.Define(LocalContent)<contentof>
    ##helpcontext.addHelp(Toolbar)

    ##if value.Completed
        ##helpcontext.addHelp(MakePreInscriptionComplete)
        ##if value.Results.error_code
               ##local.defineByRender(ErrorText)<contentof>##sessioncfg.MapLegendThroughTable(##value.Results.error_code,"DB.Config.ZONESERVICES.ErrorMessageMap")</contentof>
               ##local.ErrorText
			   ##local.SuggestionForm
        ##else
			##if sessioncfg.ZONES.GetOccupationsOnPreinscription
				##local.SendConfirmationEmail
			##else
				##leg.ZONESOPAC.MakePreInscription.ThankyouSuccess
			##endif
          ##endif
    ##else
        ##helpcontext.addHelp(MakePreInscriptionForm)
        ##local.SuggestionForm
    ##endif	

</contentof>

##local.Define(Content)<contentof>
	<div style="margin-top:10px; margin-bottom:10px;">
		##local.Advice
	</div>
    ##local.LocalContent
</contentof>

</CONTENTOF>
##include(Body)