//Globals
var sel_sport;
var txt_team_name;
var coach_chk;
var txt_coach_name;
var txt_coach_pn;
var txt_name;
var txt_addr;
	var txt_building;
var txt_city;
var sel_stateprov;
var txt_zippostal;
	//var txt_country;
var txt_email;
var txt_capcha;
var TOS_chk;
var bcard_chk;
var sel_day;
var sel_month;
var txt_year;
var submitBtn;
	var submitBtn_disabled = false;
	//var statusDiv;

var sel_ptype;
var error_div;
var div_step1;
var div_step3;
	var div_step4;
var errorArea1;
var errorArea2;
	var errorArea3;
var success;

var your_bday;
var process_div;

//var printBtn;
	var successPrint;

var add15;	//(I'll stick with less than 15) button
var add8sked; //(I have more than 15 dates) button
var add8Other; //(I need more than 15 lines) button

var div15;
var prev15;
	var more15;

var card_container; //Container that holds the two cards in the preview section

var rosterChk;
var skedChk;
var otherChk;
	var rosterTbl; 
	var skedTbl;
	var otherTbl;

var formFields;
var form1;

var rosterFields;
	var rosterFields_pnum;
	var rosterFields_pname;
	var roster_sel;
	
var skedFields;
	var skedFields_date;
	var skedFields_desc;
		var skedFields_year;
	var sked_sel;
	
var otherFields;
	var other_sel;
	
var div_elements;
var div_fields;

var home_url;
var urlVars;
	var urlMap;

	
var isIE = false;

function init_site(){
	var urlHost = "http://" + location.hostname;
	var urlPath = location.pathname.substr(0, (location.pathname.lastIndexOf('/')+1));
	var urlFile = location.href.substr((location.href.lastIndexOf('/')+1), (location.href.length - (location.href.lastIndexOf('/')+1)));
	
	home_url = urlHost + urlPath;
	browserName = navigator.appName;
	
	init_vars(); 
	init_form(); 
	WM_preloadImages('images/submit_up.gif', 'images/submit_down.gif', 'images/submit_over.gif', 'images/submit_disabled.gif', 'images/tablebg1.gif', 'images/schedulebg.gif', 'images/ff_indexbg1.gif', 'images/ff_schedulebg.gif');
	
	//Check if client is IE. If not, call setCrossBrowser_attrib()
	if(browserName == "Microsoft Internet Explorer"){
		isIE = true;
	}
	else if(browserName == "Netscape" || browserName == "Opera"){
		isIE = false;
		setCrossBrowser_attrib(browserName);
	}
		
	//Check if the user is a new visitor of index.php
		//Check if there are url variables so that refresh_preview can be called
		//If there are url variables, parse it and transfer to designated fields
		if(location.search.length != 0){
			parseUrlVars();
			refresh_preview();
		}
}

function setCrossBrowser_attrib(bName){
	
	//Correctly sets the alignment of the default text (i.e #, Player name) on each card
	div_fields[0].innerHTML = "<span class='ff_cardNumbers_defText'>#</span><span class='ff_cardPlayers_defText'>Player name</span>"
	
	//Corrects the top margin for coach1
	document.getElementById('div_teamname').style.height = '17px';
	
	//To vertically align the second card to the first card in the preview section
	prev15.style.marginLeft = '40px';
	
	//Corrects the darker background for the "At least 7 lines" in ther roster, schedule and other list
	document.getElementById('numberbg').style.backgroundImage="url('images/ff_indexbg1.gif')";
}

function nav_page(target_page, anchor){
	setUrlVars();
	if(!anchor)
		location.href = home_url + target_page + urlVars;
	else
		location.href = home_url + target_page + urlVars + anchor;
	
}

//urlVars is the string URL that has the variables to be passed to another page
function setUrlVars(){
	urlVars_arr = new Array(); //Array of objects to be sent to URL
	urlMap_arr = new Array(); //Maps the urlVars_arr ids to a shorter text 
		
	urlVars_arr.push(rosterChk, skedChk, otherChk, sel_sport, txt_team_name, txt_coach_name, txt_coach_pn, sel_ptype, txt_name, txt_addr, txt_building, txt_city, sel_stateprov, txt_zippostal, txt_email);
	urlMap_arr.push('rc', 'sc', 'oc', 'sp', 'tn', 'co1', 'co2', 'st', 'na', 'ad', 'bu', 'ct', 'sv', 'zp', 'em');
	
	urlVars = '&';
	
	//Append standard fields to urlVars
	for(var x=0; x<urlVars_arr.length; x++){
		if(x == 0 || x == 1 || x == 2){
			//urlVars += urlVars_arr[x].id + '=' + escape(urlVars_arr[x].checked) + '&' ;
			urlVars += urlMap_arr[x] + '=' + escape(urlVars_arr[x].checked) + '&' ;
			continue;
		}
		urlVars += urlMap_arr[x] + '=' + escape(urlVars_arr[x].value) + '&' ;
	}
	
		
	//alert("urlVars_arr[0].checked = " + urlVars_arr[0].checked + "\n" + "urlVars_arr[1].checked = " + urlVars_arr[1].checked + "\n" + "urlVars_arr[2].checked = " + urlVars_arr[2].checked);
	//if roster is checked
	if(urlVars_arr[0].checked == true){
		//Append roster fields to urlVars
		for(var x=0; x<rosterFields_pnum.length; x++){
			urlVars += 'p' + x + '=' + escape(rosterFields_pnum[x].value) + '&' ;
				//urlVars += rosterFields_pnum[x].id + '=' + escape(rosterFields_pnum[x].value) + '&' ;
			urlVars += 'pn' + x + '=' + escape(rosterFields_pname[x].value) + '&' ;
				//urlVars += rosterFields_pname[x].id + '=' + escape(rosterFields_pname[x].value) + '&' ;
		}
	}
	else if(urlVars_arr[1].checked == true){
		for(var x=0; x<skedFields_date.length; x++){
			urlVars += 'sd' + x + '=' + escape(skedFields_date[x].value) + '&' ;
				//urlVars += skedFields_date[x].id + '=' + escape(skedFields_date[x].value) + '&' ;
			urlVars += 'se' + x + '=' + escape(skedFields_desc[x].value) + '&' ;
				//urlVars += skedFields_desc[x].id + '=' + escape(skedFields_desc[x].value) + '&' ;
			urlVars += 'sy' + x + '=' + escape(skedFields_year[x].value) + '&' ;
				//urlVars += skedFields_year[x].id + '=' + escape(skedFields_year[x].value) + '&' ;
			
		}
	}
	else if(urlVars_arr[2].checked == true){
		for(var x=0; x<otherFields.length; x++){
			urlVars += 'o' + x + '=' + escape(otherFields[x].value) + '&' ;
				//urlVars += otherFields[x].id + '=' + escape(otherFields[x].value) + '&' ;
		}
	}
}


function catch_urlVars(){
	urlVars = location.search;
}

function parseUrlVars(){
	var encoded_urlVar = location.search.substring(1, (location.search.length - 1));
	var encoded_urlVar_arr = encoded_urlVar.split('&');
	var decoded_urlVar = new Array();
	var ctrl_id; var ctrl_value;
	
	urlVars_arr = new Array(); //Array of objects to be sent to URL
	urlVars_arr.push('l', rosterChk, skedChk, otherChk, sel_sport, txt_team_name, txt_coach_name, txt_coach_pn, sel_ptype, txt_name, txt_addr, txt_building, txt_city, sel_stateprov, txt_zippostal, txt_email);
	
	for(var x=0; x<encoded_urlVar_arr.length; x++){
		decoded_urlVar.push(unescape(encoded_urlVar_arr[x]));
		if(x > 0){
			ctrl_id = decoded_urlVar[x].substr(0, decoded_urlVar[x].indexOf('='));
			ctrl_value = decoded_urlVar[x].substr(decoded_urlVar[x].indexOf('=')+1, (decoded_urlVar[x].length-1));
			
			//Choose which card has been selected
			if((ctrl_id == 'rc' || ctrl_id == 'sc' || ctrl_id == 'oc') && ctrl_value == 'true'){
				toggle_card(document.getElementById(urlVars_arr[x].id));
			}
			
			if(ctrl_id == 'rc' && ctrl_value == 'true'){
				for(var y=0; y<23; y++){
					urlVars_arr.push(rosterFields_pnum[y]);
					urlVars_arr.push(rosterFields_pname[y]);
				}
			}
			else if(ctrl_id == 'sc' && ctrl_value == 'true'){
				for(var y=0; y<23; y++){
					urlVars_arr.push(skedFields_date[y]);
					urlVars_arr.push(skedFields_desc[y]);
					urlVars_arr.push(skedFields_year[y]);
				}
			}
			else if(ctrl_id == 'oc' && ctrl_value == 'true'){
				for(var y=0; y<23; y++){
					urlVars_arr.push(otherFields[y]);
				}
			}
			
			//Populate the fields
			document.getElementById(urlVars_arr[x].id).value = ctrl_value;				
		}
	}
}

function capture_keydown(e){
	//If FF
	if(isIE != true){
		if(e.keyCode == 116)
			refresh_currentPage('FF', e);
	}
	//If IE
	else{
		if(e.keyCode == 116){ 
			 refresh_currentPage('IE');
		}
	}
}

function refresh_currentPage(browserName, e){
	urlHost = "http://" + location.hostname;
	urlPath = location.pathname.substr(0, (location.pathname.lastIndexOf('/')+1));
	
	//If NN or FF, catch the refresh event and cancel it
	if(browserName == 'FF'){
		e.stopPropagation();
		e.preventDefault();
	}
	else{
		window.event.keyCode = 8;
		window.event.cancelBubble = true;
		window.event.returnValue = false;
	}
	
	location.href = urlHost + urlPath;
}

//Initialize the form variables
function init_vars(){
	sel_sport = document.getElementById("sel_sport");
	txt_team_name = document.getElementById("TEAM_NAME");
	coach_chk = document.getElementById("checkbox_coachinfo");
	txt_coach_name = document.getElementById("COACH_NAME");
	txt_coach_pn = document.getElementById("COACH_PN");
	txt_name = document.getElementById("NAME");
	txt_addr = document.getElementById("ADDR");
	txt_building = document.getElementById("BUILDING");
	txt_city = document.getElementById("CITY");
	sel_stateprov = document.getElementById("sel_stateprov");
	txt_zippostal = document.getElementById("ZIPPOSTAL");
	txt_email = document.getElementById("EMAIL");
	txt_capcha = document.getElementById("CAPCHA");
	TOS_chk = document.getElementById("TOS_chk");
	bday_chk = document.getElementById("bday_card");
	sel_day = document.getElementById("sel_day");
	sel_month = document.getElementById("sel_month");
	txt_year = document.getElementById("txtyear");
	submitBtn = document.getElementById("submitFrm");
	//statusDiv = document.getElementById("statusDiv");
	
	sel_ptype = document.getElementById("sel_ptype");
	error_div = document.getElementById("error");
	div_step1 = document.getElementById("div_step1");
	div_step3 = document.getElementById("div_step3");
		div_step4 = document.getElementById("div_step4");
	errorArea1 = document.getElementById("errorArea1");
	errorArea2 = document.getElementById("errorArea2");
		errorArea3 = document.getElementById("errorArea3");
	success = document.getElementById("success");
	your_bday = document.getElementById("your_bday");
	process_div = document.getElementById("process");
	
	//printBtn = document.getElementById("printBtn");
		successPrint = document.getElementById("successPrint");
		
		
	add15 = document.getElementById("add15");
	add8sked = document.getElementById("add8sked");
	add8Other = document.getElementById("add8Other");
	
	div15 = document.getElementById("div15");
	prev15 = document.getElementById("prev15");
		more15 = document.getElementById("more15");
	
	card_container = document.getElementById("card_container");
		
	rosterChk = document.getElementById("rosterChk");
		roster_sel = document.getElementById("roster_sel");
		
	skedChk = document.getElementById("skedChk");
		sked_sel = document.getElementById("sked_sel");
		
	otherChk = document.getElementById("otherChk");
		other_sel = document.getElementById("other_sel");
		
	rosterTbl = document.getElementById("rosterTbl");
	skedTbl = document.getElementById("skedTbl");
	otherTbl = document.getElementById("otherTbl");
	
	form1 = document.getElementById("form1");
		
//-----------------Get all the form fields into arays-------------------
	rosterFields_pnum = new Array();
	rosterFields_pname = new Array();
	skedFields_date = new Array();
	skedFields_desc = new Array();
		skedFields_year = new Array();
	otherFields = new Array();
	
	formFields = document.forms[0].elements;
	for(var x=0; x<formFields.length; x++){
		if(formFields[x].id.substr(0,4) == 'pnum'){
			rosterFields_pnum.push(formFields[x]);
		}
		else if(formFields[x].id.substr(0,5) == 'pname'){
			rosterFields_pname.push(formFields[x]);
		}
		else if(formFields[x].id.substr(0,9) == 'sked_date' && formFields[x].id.length <= 11){	
			skedFields_date.push(formFields[x]);
		}
		else if(formFields[x].id.substr(0,9) == 'sked_date' && formFields[x].id.length > 11){	
			skedFields_year.push(formFields[x]);
		}
		else if(formFields[x].id.substr(0,9) == 'sked_desc'){
			skedFields_desc.push(formFields[x]);
		}
		else if(formFields[x].id.substr(0,10) == 'otherNotes'){
			otherFields.push(formFields[x]);
		}
	}
		
	rosterFields = rosterFields_pnum.concat(rosterFields_pname);
	skedFields = skedFields_date.concat(skedFields_desc);
//-------------------------------------------------------------------------

//-------------Get all divs from the preview section------------------------------
	div_elements = document.getElementsByTagName("div");
	div_fields = new Array();
	
	for(var x=0; x<div_elements.length; x++){
		if(div_elements[x].id.substr(0,10) == 'div_player'){
			div_fields.push(div_elements[x]);
		}
	}
//-------------------------------------------------------------------------------


	home_url = 'http://www.cheercards.net/';
}

function preview_card(textVal, ctrl_id){
	
	if(ctrl_id == "TEAM_NAME"){
		if(textVal == '')
			document.getElementById("div_teamname").innerHTML = "Team Name";
		else
			document.getElementById("div_teamname").innerHTML = textVal;
	}
	//else if(ctrl_id == "COACH_NAME" || ctrl_id == "COACH_PN" || ctrl_id == "checkbox_coachinfo"){
	else if(ctrl_id == "COACH_NAME" || ctrl_id == "COACH_PN" || ctrl_id == "checkbox_coachinfo"){
		//if(txt_coach_name.value == '' && txt_coach_pn.value == ''){
		if(txt_coach_name.value == ''){
			document.getElementById("div_coachname1").innerHTML = "&nbsp;";
		}
		else{
			document.getElementById("div_coachname1").innerHTML = txt_coach_name.value;
				//document.getElementById("div_coachname1").innerHTML = "Coach " + txt_coach_name.value;
		}
		
		if(txt_coach_pn.value == ''){
			document.getElementById("div_coachname2").innerHTML = "&nbsp;";
		}
		else{
			document.getElementById("div_coachname2").innerHTML = txt_coach_pn.value;
				//document.getElementById("div_coachname2").innerHTML = "Coach "  + txt_coach_pn.value;
		}
	}
	else if(ctrl_id.substr(0,4) == 'pnum' || ctrl_id.substr(0,5) == 'pname'){
		for(var index=0; index<rosterFields_pnum.length; index++){
			if(rosterFields_pnum[index].id == ctrl_id || rosterFields_pname[index].id == ctrl_id){
				div_fields[index].style.fontWeight = 'bold';
				
				if(isIE == true)
					div_fields[index].innerHTML = "<span class='cardNumbers'>" + rosterFields_pnum[index].value + "</span><span class='cardPlayers'>" + rosterFields_pname[index].value + "</span>";
				else{
					//If tab key is pressed and fields are empty
					if(textVal == '' && ctrl_id.substr(0,4) == 'pnum')
						div_fields[index].innerHTML = "<span class='ff_cardNumbers'>&nbsp;</span><span class='ff_cardPlayers'>" + rosterFields_pname[index].value + "</span>";
					else if(textVal == '' && ctrl_id.substr(0,5) == 'pname')
						div_fields[index].innerHTML = "<span class='ff_cardNumbers'>" + rosterFields_pnum[index].value + "</span><span class='ff_cardPlayers'>&nbsp;</span>";
					
					//Fix the alignment issue when pnums are blank in FF
					if(trim(rosterFields_pnum[index].value) == '' && (ctrl_id.substr(0,4) == 'pnum' ||ctrl_id.substr(0,5) == 'pname'))
						div_fields[index].innerHTML = "<span class='ff_cardNumbers'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class='ff_cardPlayers'>" + rosterFields_pname[index].value + "</span>";
					else if(trim(rosterFields_pnum[index].value).length == 1 && (ctrl_id.substr(0,4) == 'pnum' ||ctrl_id.substr(0,5) == 'pname'))
						div_fields[index].innerHTML = "<span class='ff_cardNumbers'>&nbsp;&nbsp;" + rosterFields_pnum[index].value + "</span><span class='ff_cardPlayers'>" + rosterFields_pname[index].value + "</span>";
					else
						div_fields[index].innerHTML = "<span class='ff_cardNumbers'>" + rosterFields_pnum[index].value + "</span><span class='ff_cardPlayers'>" + rosterFields_pname[index].value + "</span>";
				}
			}
		}
	}
	else if(ctrl_id.substr(0,9) == 'sked_date' || ctrl_id.substr(0,9) == 'sked_desc'){
		for(var index=0; index<skedFields_date.length; index++){
			if(skedFields_date[index].id == ctrl_id || skedFields_desc[index].id == ctrl_id){
				div_fields[index].style.fontWeight = 'bold';
				
				if(isIE == true)
					div_fields[index].innerHTML = "<span class='cardDates_values'>" + skedFields_date[index].value + "</span>" + "<span class='cardDesc_text' style='width: 115px'>" + skedFields_desc[index].value + "</span>";
				else{
					//If tab key is pressed and fields are empty
					if(textVal == '' && ctrl_id.substr(0,9) == 'sked_date')
						div_fields[index].innerHTML = "<span class='ff_cardCal_dateText'>&nbsp;</span>" + "<span class='ff_cardCal_descText'>" + skedFields_desc[index].value + "</span>";
					else if(textVal == '' && ctrl_id.substr(0,9) == 'sked_desc')
						div_fields[index].innerHTML = "<span class='ff_cardCal_dateText'>" + skedFields_date[index].value + "</span>" + "<span class='ff_cardCal_descText'>&nbsp;</span>";
						
					//Fix the alignment issue when sked_date is blank in FF
					if(trim(skedFields_date[index].value) == '' && ctrl_id.substr(0,9) == 'sked_desc')
						div_fields[index].innerHTML = "<span class='ff_cardCal_dateText'>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span>" + "<span class='ff_cardCal_descText' style='width: 120px'>" + skedFields_desc[index].value + "</span>";
					else if(trim(skedFields_date[index].value).length == 13 && ctrl_id.substr(0,9) == 'sked_desc')
						div_fields[index].innerHTML = "<span class='ff_cardCal_dateText'>&nbsp;" + skedFields_date[index].value + "</span>" + "<span class='ff_cardCal_descText'>" + skedFields_desc[index].value + "</span>";
					else
						div_fields[index].innerHTML = "<span class='ff_cardCal_dateText'>" + skedFields_date[index].value + "</span>" + "<span class='ff_cardCal_descText'>" + skedFields_desc[index].value + "</span>";
				}
			}
		}
	}
	else if(ctrl_id.substr(0,10) == 'otherNotes'){
		for(var index=0; index<otherFields.length; index++){
			if(otherFields[index].id == ctrl_id){
				div_fields[index].style.fontWeight = 'bold';
				if(otherFields[index].value == ''){
					div_fields[index].innerHTML = '&nbsp;';
				}
				else{
					div_fields[index].innerHTML = "<span style='text-align:left;'>" + otherFields[index].value + "</span>";
				}
			}
		}
	}
}


//Initialize the page
function init_form(){
	rosterChk.checked = true;
	coach_chk.checked = true;
		textbox_control(true); //Enable the textfields under the coach's contact info section
		//txt_coach_name.value = 'name & phone number'; preview_card(txt_coach_name.value, txt_coach_name.id);
	TOS_chk.checked = true;
	bday_chk.checked = false;
		dd_control(false); //Disable the dates in the "Email me a birthday card" section	
}

function WM_preloadImages() {

/*
WM_preloadImages()
Loads images into the browser's cache for later use.

Source: Webmonkey Code Library
(http://www.hotwired.com/webmonkey/javascript/code_library/)

Author: Nadav Savio
Author Email: nadav@wired.com

Usage: WM_preloadImages('image 1 URL', 'image 2 URL', 'image 3 URL', ...);
*/

  // Don't bother if there's no document.images
  if (document.images) {
    if (typeof(document.WM) == 'undefined'){
      document.WM = new Object();
    }
    document.WM.loadedImages = new Array();
    // Loop through all the arguments.
    var argLength = WM_preloadImages.arguments.length;
    for(arg=0;arg<argLength;arg++) {
      // For each arg, create a new image.
      document.WM.loadedImages[arg] = new Image();
      // Then set the source of that image to the current argument.
      document.WM.loadedImages[arg].src = WM_preloadImages.arguments[arg];
    }
  }
}

//---------------[Roster, Schedule or Other?]-----------------------------------
//Toggles checkbox and type of card to be presented to the user
function toggle_card(chkbox){
	var chk_arr = new Array(rosterChk, skedChk, otherChk); 
	var card_arr = new Array(rosterTbl, skedTbl, otherTbl);
	var card_size = new Array('230px', '255px', '230px')
	var secondCard_marginLeft = new Array('68px','42px','68px');
		var addFields_arr = new Array(div15, skedRow8, otherRow8);
		var addFieldsBtn_arr = new Array(add15, add8sked, add8Other);
		var addFieldBtnTxt_arr = new Array('I have more than 15 players', 'I have more than 15 dates', 'I have more than 15 lines');
	var fields_arr = new Array(rosterFields, skedFields, otherFields);
	var card_sel_arr = new Array(roster_sel, sked_sel, other_sel);
	
	
	if(isIE == true){
		var roster_firstLineTxt = "<span class='cardNumbers'>#</span>Player name";
		var sked_firstLineTxt = "<B><span class='cardDates_text'>Date</span><span class='cardDesc_text'>Description</span></B>";
		var other_firstLineTxt = "<span style='text-align:left;'>Description</span>";
		
		var bg_numberbg = new Array('images/tablebg1.gif', 'images/schedulebg.gif', 'images/tablebg1.gif');
	}
	else{
		var roster_firstLineTxt = "<span class='ff_cardNumbers_defText'>#</span><span class='ff_cardPlayers_defText'>Player name</span>";
		var sked_firstLineTxt = "<B><span class='ff_cardCal_dateDefText'>Date</span><span class='ff_cardCal_descDefText'>Description</span></B>";
		var other_firstLineTxt = "<span style='text-align:left;'>Description</span>";
		
		var bg_numberbg = new Array('images/ff_indexbg1.gif', 'images/ff_schedulebg.gif', 'images/ff_indexbg1.gif');
	}
	var firstLineTxt_arr = new Array(roster_firstLineTxt, sked_firstLineTxt, other_firstLineTxt);
		
	
	clear_preview_fields('all');
	
	//Set the card_container to default size
	card_container.style.height = '360px';
	
	for(var x=0; x<chk_arr.length; x++){
		if(chkbox == chk_arr[x]){
			chkbox.checked = true;
			
			if(isIE == true)
				card_arr[x].style.display = "block";
			else
				card_arr[x].style.display = "table-row";
							
			card_sel_arr[x].value = true;
			div_fields[0].innerHTML = firstLineTxt_arr[x];
			//alert(bg_numberbg[x]);
			document.getElementById('numberbg').style.backgroundImage="url(" + bg_numberbg[x] + ")";
			
			//Change the width of the overall card
			document.getElementById('rosterCard').style.width = card_size[x];
			document.getElementById('prev15').style.width = card_size[x];
			
			if(isIE == true)
				prev15.style.marginLeft = secondCard_marginLeft[x];
			else
				prev15.style.marginLeft = parseFloat(secondCard_marginLeft[x]) - 24 + 'px';
				//prev15.style.marginLeft = '18px';
		}
		else{
			chk_arr[x].checked = false;
			card_arr[x].style.display = "none";
			
			//Hide the 8 additional fields for unselected card
			addFields_arr[x].style.display = "none";
			
			//clear all the fields of the hidden card
			for(var y=0; y<fields_arr[x].length; y++){
				fields_arr[x][y].value = '';
			}
			
			//Reset the "add 8 fields" button to their default text -> addFieldBtnTxt_arr
			addFieldsBtn_arr[x].value = addFieldBtnTxt_arr[x];
			
			card_sel_arr[x].value = false;
		}
	}
	
}


function clear_preview_fields(whichFields){
	var startpos_addedField = 15;
	
	if(whichFields == 'all'){
		//clear preview card
		for(var x=0; x<div_fields.length; x++){
			div_fields[x].innerHTML = "&nbsp;"
		}	
	}
	else if(whichFields == 'last8'){
		for(var x=startpos_addedField; x<div_fields.length; x++){
			div_fields[x].innerHTML = "&nbsp;"
		}	
	}
	
	prev15.style.display = "none";
}


//---------------[Add more players/schedules/notes]: Double-sided functionality
function add_list(ctrl_id){
	if(ctrl_id == add15.id){
		//Toggle between 15 and 23 fields
		if(add15.value == "I have more than 15 players"){
			more15.value = true;
			add15.value = "I\'ll stick with less than 15";
			card_container.style.height = '630px';
			
			if(isIE == true)
				div15.style.display = "block";
			else
				div15.style.display = "table-row";
				
			prev15.style.display = "block";
			rosterFields_pnum[15].focus();
			
		}
		else{
			more15.value = false;
			add15.value = "I have more than 15 players";
			card_container.style.height = '360px';
			
			div15.style.display = "none";
			prev15.style.display = "none";
			
			rosterFields_pnum[0].focus();
			for(var x=15; x<rosterFields_pnum.length; x++){
				rosterFields_pnum[x].value = '';
				rosterFields_pname[x].value = '';
			}
			
			clear_preview_fields('last8');
		}
	}
	else if(ctrl_id == add8sked.id){
		if(add8sked.value == "I have more than 15 dates"){
			more15.value = true;
			add8sked.value = "I\'ll stick with less than 15";
			card_container.style.height = '630px';
			
			if(isIE == true)
				skedRow8.style.display = "block";
			else
				skedRow8.style.display = "table-row";
				
			prev15.style.display = "block";
		}
		else{
			more15.value = false;
			add8sked.value = "I have more than 15 dates";
			card_container.style.height = '360px';
			
			//Clear the additional textfields
			for(var index=15; index<skedFields_date.length; index++){
				skedFields_date[index].value = '';
				skedFields_desc[index].value = '';
				skedFields_year[index].value = '';
			}
			
			//clear prev15 divs and hide
			clear_preview_fields('last8');
			//skedFields_date[0].focus();
			
			skedRow8.style.display = "none";
		}
		
	}
	else if(ctrl_id == add8Other.id){
		if(add8Other.value == "I have more than 15 lines"){
			more15.value = true;
			add8Other.value = "I\'ll stick with less than 15";
			card_container.style.height = '630px';
			
			if(isIE == true)
				otherRow8.style.display = "block";
			else
				otherRow8.style.display = "table-row";
				
			prev15.style.display = "block";
			otherFields[15].focus();
		}
		else{
			more15.value = false;
			add8Other.value = "I have more than 15 lines";
			card_container.style.height = '360px';
			
			//Clear additional 8 textfields
			for(var index=15; index<otherFields.length; index++){
				otherFields[index].value = '';
			}
			
			//Clear prev15 divs and hide
			clear_preview_fields('last8');
			otherFields[0].focus();
			
			otherRow8.style.display = "none";
		}
	}
}



//Validate important fields
function validate_fields(){
	var fields_arr = new Array(sel_sport, txt_team_name, txt_name, txt_addr, txt_city, sel_stateprov, txt_zippostal, txt_email, sel_ptype, txt_capcha);
	var error_fields = new Array();
	
	
	
	//Check for blanks on important text fields; set color to #F5AB40 if error
	//If errors > 0, then show erroneous fields
	//var errors = 0;
	for(var x=0; x<fields_arr.length; x++){
		if(trim(fields_arr[x].value) == ''){
			fields_arr[x].style.backgroundColor = "#F5AB40";
			if(fields_arr[x].name == "sel_sport"){
				error_fields.push("Sport");
			}
			else if(fields_arr[x].name == "sel_stateprov"){
				error_fields.push("Province/State");
			}
			else if(fields_arr[x].name == "sel_ptype"){
				error_fields.push("I\'m a");
			}
			else{
				error_fields.push(fields_arr[x].alt);
			}
			//errors++;
		}
		else{
			fields_arr[x].style.backgroundColor = "#FFFFFF";
		}
	}
	
	if(TOS_chk.checked != true){
		TOS_chk.style.backgroundColor = "#F5AB40";
		error_fields.push(TOS_chk.alt);
		//errors++;
	}
	else{
		TOS_chk.style.background = "none";
	}
	
	if(coach_chk.checked){
		//if(trim(txt_coach_name.value) == '' || txt_coach_name.value == 'name & phone number'){
		if(trim(txt_coach_name.value) == ''){
			txt_coach_name.style.backgroundColor = "#F5AB40";
			error_fields.push(txt_coach_name.alt);
			//errors++;
		}
		else{
			txt_coach_name.style.backgroundColor = "#FFFFFF";
		}
	}

	//[2007-04-17-08:54 AM]Include an error checking for the birthday fields (i.e February has only 28 days, so Feb. 31 is invalid.
	//[2007-04-17-08:54 AM] OR you may use a date javascript (skoochie)
	if(bday_chk.checked){
		if(sel_day.value == 'day'){
			sel_day.style.backgroundColor = "#F5AB40";
			error_fields.push("Day of birth");
			//errors++;
		}
		else{
			sel_day.style.backgroundColor = "#FFFFFF";
		}
		if(sel_month.value == 'month'){
			sel_month.style.backgroundColor = "#F5AB40";
			error_fields.push("Month of birth");
			//errors++;
		}
		else{
			sel_month.style.backgroundColor = "#FFFFFF";
		}
		if(txt_year.value == 'yyyy' || txt_year.value == '' || txt_year.value.length != 4){
			txt_year.style.backgroundColor = "#F5AB40";
			error_fields.push(txt_year.alt)
			//errors++;
		}
		else{
			txt_year.style.backgroundColor = "#FFFFFF";
		}
	}
	
	//Check captcha code. If error in captcha, highlight the field
	if(txt_capcha.value != ''){
		if(jcap() != true){
			error_fields.push(txt_capcha.alt);
			txt_capcha.style.backgroundColor = "#F5AB40";
		}
	}
	
	if(txt_email.value != ''){
		if(echeck(txt_email.value) != true){
			error_fields.push(txt_email.alt);
			txt_email.style.backgroundColor = "#F5AB40";
		}
	}
	
	
	if(roster_sel.value == 'true'){
		//Check the rosters table for errors
		//Return values for check_roster():
		// 0 - No errors on roster table; 1 - Missing number or player name on the table; 2 - Less than 7 players
		
		var roster_val = check_roster();
		if(roster_val == 1){
			error_fields.push("Missing number or player name in the roster list");
			//errors++;	
		}
		else if(roster_val == 2){
			error_fields.push("Enter at least 7 players on the roster list");
			//errors++;
		}
	}
	else if(sked_sel.value == 'true'){
		var skedLines=0;
		
		//Needs at least seven lines with values on either date or desc
		for(var index=0; index<skedFields_date.length; index++){
			if(skedFields_date[index].value != '' || skedFields_desc[index].value != '')
				skedLines++;
		}
		if(skedLines < 7)
			error_fields.push("Enter at least 7 dates");
	}
	else if(other_sel.value == 'true'){
		var otherLines=0;
		
		//Needs at least seven lines with values
		for(var index=0; index<otherFields.length; index++){
			if(otherFields[index].value != '')
				otherLines++;
		}
		
		if(otherLines < 7)
			error_fields.push("Enter at least 7 lines");
	}
	
	
	if(error_fields.length > 0){
		//alert("There are still more errors!");
		generate_error_div(error_fields);
		error_div.style.display = "block";
		
		return false;
	}
	else{
		//div_step1.style.display = "none";
		//div_step3.style.display = "none";
		error_div.style.display = "none";
		submitBtn_disabled = true;
		submitBtn.src = "images/submit_disabled.gif";
			submitBtn.disabled = true;	//Disable the button to prevent double clicks/submissions
			success.value = true;	//POST hidden variable = success to be used in confirm.php
			
			//printBtn.disabled = true; //Disable the button to prevent double clicks/submissions
			
			
			//Show "Please wait animation"
			process_div.style.display = "block";
			
			//If the 8 additional fields are added and they're all blank, do not include blank fields
			//to the pdf
			if(roster_sel.value == 'true'){
				more15.value = false;
				for(var x=15; x<=22; x++){
					if(rosterFields_pnum[x].value != ''){
						more15.value = true;
						break;
					}
				}
			}
			else if(sked_sel.value == 'true'){
				more15.value = false;
				for(var x=15; x<=22; x++){
					if(skedFields_date[x].value != '' || skedFields_desc[x].value != ''){
						more15.value = true;
						break;
					}
				}
			}
			else if(other_sel.value == 'true'){
				more15.value = false;
				for(var x=15; x<=22; x++){
					if(otherFields[x].value != ''){
						more15.value = true;
						break;
					}
				}
			}
		
		//Put form fields to variables and send it to confirmation.php
		setUrlVars();
		form1.action = "confirmation.php?l=0" + urlVars;
		
		return true;
	}
}

function echeck(str) {

		var at="@"
		var dot="."
		var lat=str.indexOf(at)
		var lstr=str.length
		var ldot=str.indexOf(dot)
		if (str.indexOf(at)==-1){
		   //alert("Invalid E-mail ID")
		   return false;
		}

		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		   //alert("Invalid E-mail ID")
		   return false;
		}

		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		    //alert("Invalid E-mail ID")
		    return false;
		}

		 if (str.indexOf(at,(lat+1))!=-1){
		    //alert("Invalid E-mail ID")
		    return false;
		 }

		 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		    //alert("Invalid E-mail ID")
		    return false;
		 }

		 if (str.indexOf(dot,(lat+2))==-1){
		    //alert("Invalid E-mail ID")
		    return false;
		 }
		
		 if (str.indexOf(" ")!=-1){
		    //alert("Invalid E-mail ID")
		    return false;
		 }
 		 return true;				
}

function generate_error_div(error_fields){
	var errors_step1_list = new Array('Sport', 'Team Name', 'Coach Name', 'Missing number or player name in the roster list', 'Enter at least 7 players on the roster list', 'Enter at least 7 dates', 'Enter at least 7 lines');
		var errors_step1 = new Array();
	var errors_step3_list = new Array('I\'m a', 'Your Name', 'Address', 'City', 'Province/State', 'Post/Zip Code', 'Please verify your email address');
		var errors_step3 = new Array();
		
	var errors_step4_list = new Array('Enter the code', 'Terms of Service', 'Day of birth', 'Month of birth', 'Year of Birth');
		var errors_step4 = new Array();
	
	//set focus to the error div using the bottom anchor
	
	//Find all erroneous element in step1 and put to errors_step1 array
	for(var x=0; x<errors_step1_list.length; x++){
		for(var y=0; y<error_fields.length; y++){
			if(errors_step1_list[x] == error_fields[y]){
				errors_step1.push(errors_step1_list[x]);
			}
		}
	}
	
	//Find all erroneous element in step3 and put to errors_step3 array
	for(var x=0; x<errors_step3_list.length; x++){
		for(var y=0; y<error_fields.length; y++){
			if(errors_step3_list[x] == error_fields[y]){
				errors_step3.push(errors_step3_list[x]);
			}
		}
	}
	
	//Find all erroneous element in step4 and put to errors_step4 array
	for(var x=0; x<errors_step4_list.length; x++){
		for(var y=0; y<error_fields.length; y++){
			if(errors_step4_list[x] == error_fields[y]){
				errors_step4.push(errors_step4_list[x]);
			}
		}
	}
	
	if(errors_step1.length != 0){
		div_step1.style.display = "block";
		errorArea1.innerHTML = "- " + errors_step1.join('<br />- ');
	}
	else
		div_step1.style.display = "none";
	
	if(errors_step3.length != 0){
		div_step3.style.display = "block";
		errorArea2.innerHTML = "- " + errors_step3.join('<br />- ');
	}
	else
		div_step3.style.display = "none";
		
	if(errors_step4.length != 0){
		div_step4.style.display = "block";
		errorArea3.innerHTML = "- " + errors_step4.join('<br />- ');
	}
	else
		div_step4.style.display = "none";
}



function check_roster(){
	//var x = 4; //pnum1 index starts at 4
		
		//var pnum_index_start = 5; //Make sure to change the values of "y" variable with this in the "number of players" section below
		var pnum_index_start = 8; //Make sure to change the values of "y" variable with this in the "number of players" section below
		
		//var pnum_index_end = 35; //Increase this by two for every additional roster line (i.e next value will be 34)
		//var pnum_index_end = 51; //Increase this by two for every additional roster line (i.e next value will be 34)
		var pnum_index_end = 53; //Increase this by two for every additional roster line (i.e next value will be 34)
	var error_val = 0;
	
	//Loop on all pnum* and pname* to see which pnum has no pname or vice versa
	while(pnum_index_start < pnum_index_end){	//pnum1 index ends at 34
		if(trim(document.forms[0].elements[pnum_index_start].value) != '' && trim(document.forms[0].elements[pnum_index_start+1].value) == ''){
			document.forms[0].elements[pnum_index_start].style.backgroundColor = "#F5AB40";
			//document.forms[0].elements[pnum_index_start].focus();
			document.forms[0].elements[pnum_index_start+1].style.backgroundColor = "#F5AB40";
			error_val = 1;
		}
		else if(trim(document.forms[0].elements[pnum_index_start+1].value) != '' && trim(document.forms[0].elements[pnum_index_start].value) == ''){
			document.forms[0].elements[pnum_index_start].style.backgroundColor = "#F5AB40";
			//document.forms[0].elements[pnum_index_start].focus();
			document.forms[0].elements[pnum_index_start+1].style.backgroundColor = "#F5AB40";
			error_val = 1;
		}
		else{
			document.forms[0].elements[pnum_index_start].style.backgroundColor = "#FFFFFF";
			document.forms[0].elements[pnum_index_start+1].style.backgroundColor = "#FFFFFF";
		}
		pnum_index_start = pnum_index_start + 2;
	}
		
	if(error_val == 1){
		//statusDiv.style.backgroundColor = "#F5AB40";
		//statusDiv.innerHTML="<font face='arial' size='2'>Highlighted fields need to be corrected</font>";
		//return false;
		return 1;
	}
	else{
		//The number of players in the roster should be at least 7
		//var y=5;
		var y = 8;
		var total_players = 0;
		//while(y < 35){
		//while(y < 51){
		while(y < 53){
			if(trim(document.forms[0].elements[y].value) != ''){
				total_players++;
			}
			y = y + 2;
		}
		if(total_players < 7){
			//alert("Please enter at least 7 players in the rosters");
			//statusDiv.style.backgroundColor = "#F5AB40";
			//document.getElementById("pnum1").focus();
			//statusDiv.innerHTML="<font face='arial' size='2'>Please enter at least 7 players for the roster</font>";
			//return false;
			return 2;
		}
		else{
			//return true;
			return 0;
		}
	}
}



function textbox_control(ctrl_value){
	//if "Include Coach Contact Info" checkbox is off, disable text editing of Coach Name and Phone
	if(ctrl_value == false){
		//Disable and clear Coach name and phone textboxes
		txt_coach_name.disabled = true;
		txt_coach_name.value = "";
		
		txt_coach_pn.disabled = true;
		txt_coach_pn.value = "";		
			
		txt_coach_name.style.backgroundColor = "#cac2b3";
		txt_coach_pn.style.backgroundColor = "#cac2b3";
	}
	else{	
		txt_coach_name.disabled = false;
		txt_coach_pn.disabled = false;
		
		txt_coach_name.style.backgroundColor = "#FFFFFF";
		txt_coach_pn.style.backgroundColor = "#FFFFFF";
	}
}
	
function dd_control(ctrl_value){	
	if(ctrl_value == false){
		sel_day.disabled = true;
			sel_day.value = "day";
			sel_day.style.backgroundColor = "#cac2b3";
		sel_month.disabled = true;
			sel_month.value = "month"
			sel_month.style.backgroundColor = "#cac2b3";
		txt_year.disabled = true;
			txt_year.value = 'yyyy';
			txt_year.style.backgroundColor = "#cac2b3";
		your_bday.style.display = "none";
	}
	else{
		sel_day.disabled = false;
			sel_day.style.backgroundColor = "#FFFFFF";
		sel_month.disabled = false;
			sel_month.style.backgroundColor = "#FFFFFF";
		txt_year.disabled = false;
			txt_year.style.backgroundColor = "#FFFFFF";
		your_bday.style.display = "block";
	}
}


function submit_control(ctrl_value){
	if(ctrl_value == 1 && submitBtn_disabled == false)
		submitBtn.src = "images/submit_over.gif";
	else if(ctrl_value == 0 && submitBtn_disabled == false)
		submitBtn.src = "images/submit_up.gif";
	else if(ctrl_value == 3 && submitBtn_disabled == false)
		submitBtn.src = "images/submit_down.gif";
		
}

function browserBackButton(backValue){
	if(backValue == 1){
		//do nothing
	}
	else
		location.href = home_url + "index.php" + urlVars;
}

function goBack(){
	//window.history.back();
	location.href = home_url + "index.php" + urlVars;
}

//When the user hits the back button from confirmation.php, this is called to reassign back the values to fields
function refresh_preview(){
	//Reassign Team Info values to Preview divs	
	if(txt_team_name.value == '')
		document.getElementById("div_teamname").innerHTML = "Team Name";
	else
		document.getElementById("div_teamname").innerHTML = txt_team_name.value;
	
	//if(txt_coach_name.value == '' && txt_coach_pn.value == ''){
	if(txt_coach_name.value == ''){
		document.getElementById("div_coachname1").innerHTML = "&nbsp;";
	}
	else{
		document.getElementById("div_coachname1").innerHTML = txt_coach_name.value;
			//document.getElementById("div_coachname1").innerHTML = "Coach " + txt_coach_name.value;
	}
	
	if(txt_coach_pn.value == ''){
		document.getElementById("div_coachname2").innerHTML = "&nbsp;";
	}
	else{
		document.getElementById("div_coachname2").innerHTML = txt_coach_pn.value;
			//document.getElementById("div_coachname2").innerHTML = "Coach " + txt_coach_pn.value;
	}
	
	
	//Get the last card the user was working on
	if(rosterChk.checked){
		toggle_card(rosterChk);
		for(var index=0; index<15; index++){
			div_fields[index].style.fontWeight = 'bold';
			if(rosterFields_pnum[index].value != '' || rosterFields_pname[index].value != ''){
				if(isIE == true)
					div_fields[index].innerHTML = "<span class='cardNumbers'>" + rosterFields_pnum[index].value + "</span>" + rosterFields_pname[index].value;
				else{
					//Fix the alignment issue when sked_date is blank in FF
					if(trim(rosterFields_pnum[index].value) == '')
						div_fields[index].innerHTML = "<span class='ff_cardNumbers'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class='ff_cardPlayers'>" + rosterFields_pname[index].value + "</span>";
					else if(trim(rosterFields_pnum[index].value).length == 1)
						div_fields[index].innerHTML = "<span class='ff_cardNumbers'>&nbsp;&nbsp;" + rosterFields_pnum[index].value + "</span><span class='ff_cardPlayers'>" + rosterFields_pname[index].value + "</span>";
					else
						div_fields[index].innerHTML = "<span class='ff_cardNumbers'>" + rosterFields_pnum[index].value + "</span><span class='ff_cardPlayers'>" + rosterFields_pname[index].value + "</span>";
				}
			}
		}					
		for(var index=15; index<23; index++){
			div_fields[index].style.fontWeight = 'bold';
			if(rosterFields_pnum[index].value != '' || rosterFields_pname[index].value != ''){
				if(isIE == true){
					div_fields[index].innerHTML = "<span class='cardNumbers'>" + rosterFields_pnum[index].value + "</span>" + rosterFields_pname[index].value;
					div15.style.display = "block";
				}
				else{
					//Fix the alignment issue when sked_date is blank in FF
					if(trim(rosterFields_pnum[index].value) == '')
						div_fields[index].innerHTML = "<span class='ff_cardNumbers'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class='ff_cardPlayers'>" + rosterFields_pname[index].value + "</span>";
					else if(trim(rosterFields_pnum[index].value).length == 1)
						div_fields[index].innerHTML = "<span class='ff_cardNumbers'>&nbsp;&nbsp;" + rosterFields_pnum[index].value + "</span><span class='ff_cardPlayers'>" + rosterFields_pname[index].value + "</span>";
					else
						div_fields[index].innerHTML = "<span class='ff_cardNumbers'>" + rosterFields_pnum[index].value + "</span><span class='ff_cardPlayers'>" + rosterFields_pname[index].value + "</span>";
					
					div15.style.display = "table-row";
				}
			
				prev15.style.display = "block";
				add15.value = "I\'ll stick with less than 15";
				card_container.style.height = '630px';
			}
		}
	}
	else if(skedChk.checked){
		toggle_card(skedChk);
		//Refresh the preview divs
		for(var index=0; index<15; index++){
			div_fields[index].style.fontWeight = 'bold';
			if(skedFields_date[index].value != '' || skedFields_desc[index].value != ''){
				if(isIE == true)
					div_fields[index].innerHTML = "<span class='cardDates_values'>" + skedFields_date[index].value + "</span>" + "<span class='cardDesc_text'>" + skedFields_desc[index].value + "</span>";
				else{
					//Fix the alignment issue when sked_date is blank in FF
					if(trim(skedFields_date[index].value) == '')
						div_fields[index].innerHTML = "<span class='ff_cardCal_dateText'>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span>" + "<span class='ff_cardCal_descText' style='width: 120px'>" + skedFields_desc[index].value + "</span>";
					else if(trim(skedFields_date[index].value).length == 13)
						div_fields[index].innerHTML = "<span class='ff_cardCal_dateText'>&nbsp;" + skedFields_date[index].value + "</span>" + "<span class='ff_cardCal_descText'>" + skedFields_desc[index].value + "</span>";
					else
						div_fields[index].innerHTML = "<span class='ff_cardCal_dateText'>" + skedFields_date[index].value + "</span>" + "<span class='ff_cardCal_descText'>" + skedFields_desc[index].value + "</span>";
				}
			}
		}
		for(var index=15; index<23; index++){
			div_fields[index].style.fontWeight = 'bold';
			if(skedFields_date[index].value != '' || skedFields_desc[index].value != ''){
				if(isIE == true){
					div_fields[index].innerHTML = "<span class='cardDates_values'>" + skedFields_date[index].value + "</span>" + "<span class='cardDesc_text'>" + skedFields_desc[index].value + "</span>";
					skedRow8.style.display = "block";
				}
				else{
					//Fix the alignment issue when sked_date is blank in FF
					if(trim(skedFields_date[index].value) == '')
						div_fields[index].innerHTML = "<span class='ff_cardCal_dateText'>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span>" + "<span class='ff_cardCal_descText' style='width: 120px'>" + skedFields_desc[index].value + "</span>";
					else if(trim(skedFields_date[index].value).length == 13)
						div_fields[index].innerHTML = "<span class='ff_cardCal_dateText'>&nbsp;" + skedFields_date[index].value + "</span>" + "<span class='ff_cardCal_descText'>" + skedFields_desc[index].value + "</span>";
					else
						div_fields[index].innerHTML = "<span class='ff_cardCal_dateText'>" + skedFields_date[index].value + "</span>" + "<span class='ff_cardCal_descText'>" + skedFields_desc[index].value + "</span>";
						
					skedRow8.style.display = "table-row";
				}
					
				prev15.style.display = "block";
				add8sked.value = "I\'ll stick with less than 15";
				card_container.style.height = '630px';
			}
		}
	}
	else if(otherChk.checked){
		toggle_card(otherChk);
		
		//Refresh the preview divs
		for(var index=0; index<15; index++){
			div_fields[index].style.fontWeight = 'bold';
			if(otherFields[index].value == '')
				div_fields[index].innerHTML = '&nbsp;';
			else
				div_fields[index].innerHTML = otherFields[index].value;
		}
		for(var index=15; index<23; index++){
			div_fields[index].style.fontWeight = 'bold';
			if(otherFields[index].value != ''){
				div_fields[index].innerHTML = "<span style='text-align:left;'>" + otherFields[index].value + "</span>";
				
				if(isIE == true)
					otherRow8.style.display = "block";
				else
					otherRow8.style.display = "table-row";
					
				prev15.style.display = "block";
				add8Other.value = "I\'ll stick with less than 15";
				card_container.style.height = '630px';
			}
		}
	}
}

//This is triggered when a user doesn't select a date but enters some keyboard input
function cal_action(key){
	//alert(key + " || gdCtrl.id = " + gdCtrl.id);
	//alert(key);
}

function trim($string){
	return LTrim(RTrim($string));
}
	
// Removes leading whitespaces
function LTrim( value ) {
	var re = /\s*((\S+\s*)*)/;
	return value.replace(re, "$1");
}

// Removes ending whitespaces
function RTrim( value ) {
	var re = /((\s*\S+)*)\s*/;
	return value.replace(re, "$1");
}




//--------------------[The following sections of codes is for the CAPTCHA piece]----------------------------------

<!-- Original:  Jonathan Feaster (http://www.archreality.com/) -->
<!-- Web Site:  http://www.archreality.com/jcap/ -->
<!-- Based on: Gimpy CAPTCHA Project at Carnegie Mellon University (http://www.captcha.net/) -->
<!-- Begin

function cimg(){
var imgdir = "images/cimg/"; //identify directory where captcha images are located
anum = (Math.floor(Math.random()*191))+1;
imgid = parseInt(anum);
cword = 
["60ee0bc62638fccf2d37ac27a634a9e9", "68e2d83709f317938b51e53f7552ed04", "f4c9385f1902f7334b00b9b4ecd164de",
 "df491a4de50739fa9cffdbd4e3f4b4bb", "ef56b0b0ddb93c2885892c06be830c68", "fe4c0f30aa359c41d9f9a5f69c8c4192",
 "cbf4e0b7971051760907c327e975f4e5", "ea9e801b0d806f2398bd0c7fe3f3f0cd", "609a8f6f218fdfe6f955e19f818ec050",
 "cbf4e0b7971051760907c327e975f4e5", "8cb554127837a4002338c10a299289fb", "28f9b1cae5ae23caa8471696342f6f0c",
 "74e04ddb55ce3825f65ebec374ef8f0d", "567904efe9e64d9faf3e41ef402cb568", "7edabf994b76a00cbc60c95af337db8f",
 "639849f6b368019778991b32434354fc", "7edabf994b76a00cbc60c95af337db8f", "dd8fc45d87f91c6f9a9f43a3f355a94a",
 "eb5c1399a871211c7e7ed732d15e3a8b", "8cb554127837a4002338c10a299289fb", "0b8263d341de01f741e4deadfb18f9eb",
 "87fa4eaaf3698e1b1e2caadabbc8ca60", "327a6c4304ad5938eaf0efb6cc3e53dc", "841a2d689ad86bd1611447453c22c6fc",
 "ceb20772e0c9d240c75eb26b0e37abee", "a3e2a6cbf4437e50816a60a64375490e", "bc8fba5b68a7babc05ec51771bf6be21",
 "68934a3e9455fa72420237eb05902327", "c9fab33e9458412c527c3fe8a13ee37d", "2fc01ec765ec0cb3dcc559126de20b30",
 "fcc790c72a86190de1b549d0ddc6f55c", "918b81db5e91d031548b963c93845e5b", "9dfc8dce7280fd49fc6e7bf0436ed325",
 "ea82410c7a9991816b5eeeebe195e20a", "fb81c91eb92d6cb64aeb64c3f37ef2c4", "8d45c85b51b27a04ad7fdfc3f126f9f8",
 "70dda5dfb8053dc6d1c492574bce9bfd", "b9b83bad6bd2b4f7c40109304cf580e1", "981c1e7b3795da18687613fbd66d4954",
 "e170e3a15923188224c1c2bd1477d451", "fb81c91eb92d6cb64aeb64c3f37ef2c4", "cb15e32f389b7af9b285a63ca1044651",
 "632a2406bbcbcd553eec45ac14b40a0a", "e7b95b49658278100801c88833a52522", "6d4db5ff0c117864a02827bad3c361b9",
 "8b373710bcf876edd91f281e50ed58ab", "508c75c8507a2ae5223dfd2faeb98122", "97f014516561ef487ec368d6158eb3f4",
 "23678db5efde9ab46bce8c23a6d91b50", "2d6b0cefb06fd579a62bf56f02b6c2b3", "f1bdf5ed1d7ad7ede4e3809bd35644b0",
 "3ddaeb82fbba964fb3461d4e4f1342eb", "c9507f538a6e79c9bd6229981d6e05a3", "9e925e9341b490bfd3b4c4ca3b0c1ef2",
 "125097a929a62998c06340ea9ef43d77", "a557264a7d6c783f6fb57fb7d0b9d6b0", "eba478647c77836e50de44b323564bdb",
 "45fe7e5529d283851d93b74536e095a0", "56609ab6ba04048adc2cbfafbe745e10", "d938ad5cbe68bec494fbbf4463ad031d",
 "9bbd993d9da7df60b3fd4a4ed721b082", "a6ab62e9da89b20d720c70602624bfc2", "51037a4a37730f52c8732586d3aaa316",
 "7c4f29407893c334a6cb7a87bf045c0d", "3b7770f7743e8f01f0fd807f304a21d0", "29d233ae0b83eff6e5fbd67134b88717",
 "8d45c85b51b27a04ad7fdfc3f126f9f8", "9aa91f81de7610b371dd0e6fe4168b01", "9f27410725ab8cc8854a2769c7a516b8",
 "6ee6a213cb02554a63b1867143572e70", "918b81db5e91d031548b963c93845e5b", "3767b450824877f2b8f284f7a5625440",
 "81513effdf5790b79549208838404407", "7aea2552dfe7eb84b9443b6fc9ba6e01", "d8735f7489c94f42f508d7eb1c249584",
 "fde27e470207e146b29b8906826589cb", "2a2d595e6ed9a0b24f027f2b63b134d6", "99e0d947e01bbc0a507a1127dc2135b1",
 "6758fcdc0da017540d11889c22bb5a6e", "ab1991b4286f7e79720fe0d4011789c8", "28f9b1cae5ae23caa8471696342f6f0c",
 "f5b75010ea8a54b96f8fe7dafac65c18", "2570c919f5ef1d7091f0f66d54dac974", "ada15bd1a5ddf0b790ae1dcfd05a1e70",
 "eb88d7636980738cd0522ea69e212905", "83ab982dd08483187289a75163dc50fe", "8ac20bf5803e6067a65165d9df51a8e7",
 "7c4f29407893c334a6cb7a87bf045c0d", "67942503875c1ae74e4b5b80a0dade01", "d74fdde2944f475adc4a85e349d4ee7b",
 "163ccb6353c3b5f4f03cda0f1c5225ba", "6b1628b016dff46e6fa35684be6acc96", "de1b2a7baf7850243db71c4abd4e5a39",
 "5eda0ea98768e91b815fa6667e4f0178", "23ec24c5ca59000543cee1dfded0cbea", "ea9e801b0d806f2398bd0c7fe3f3f0cd",
 "35393c24384b8862798716628f7bc6f4", "28b26be59c986170c572133aaace31c2", "c2bfd01762cfbe4e34cc97b9769b4238",
 "22811dd94d65037ef86535740b98dec8", "acaa16770db76c1ffb9cee51c3cabfcf", "7516c3b35580b3490248629cff5e498c",
 "b04ab37e571600800864f7a311e2a386", "7e25b972e192b01004b62346ee9975a5", "2764ca9d34e90313978d044f27ae433b",
 "660cb6fe7437d4b40e4a04b706b93f70", "87a429872c7faee7e8bc9268d5bf548e", "31c13f47ad87dd7baa2d558a91e0fbb9",
 "e6ec529ba185279aa0adcf93e645c7cd", "21a361d96e3e13f5f109748c2a9d2434", "85814ce7d88361ec8eb8e07294043bc3",
 "a5fdad9de7faf3a0492812b9cb818d85", "0b8263d341de01f741e4deadfb18f9eb", "0cb47aeb6e5f9323f0969e628c4e59f5",
 "23a58bf9274bedb19375e527a0744fa9", "7e25b972e192b01004b62346ee9975a5", "b9d27d6b3d1915aacd5226b9d702bdbb",
 "6758fcdc0da017540d11889c22bb5a6e", "e2704f30f596dbe4e22d1d443b10e004", "da4f0053a5c13882268852ae2da2e466",
 "1562eb3f6d9c5ac7e159c04a96ff4dfe", "a94aa000f9a94cc51775bd5eac97c926", "1e4483e833025ac10e6184e75cb2d19d",
 "a957a3153eb7126b1c5f8b6aac35de53", "731b886d80d2ea138da54d30f43b2005", "a850c17cba5eb16b0d3d40a106333bd5",
 "7516c3b35580b3490248629cff5e498c", "d508fe45cecaf653904a0e774084bb5c", "18ccf61d533b600bbf5a963359223fe4",
 "f4d3b5a1116ded3facefb8353d0bd5ba", "28b26be59c986170c572133aaace31c2", "d5ca322453f2986b752e58b11af83d96",
 "37b19816109a32106d109e83bbb3c97d", "0423fa423baf1ea8139f6662869faf2f", "8ab8a4dfab57b4618331ffc958ebb4ec",
 "85814ce7d88361ec8eb8e07294043bc3", "273b9ae535de53399c86a9b83148a8ed", "4c9184f37cff01bcdc32dc486ec36961",
 "8ee2027983915ec78acc45027d874316", "1cba77c39b4d0a81024a7aada3655a28", "de1b2a7baf7850243db71c4abd4e5a39",
 "608f0b988db4a96066af7dd8870de96c", "06a224da9e61bee19ec9eef88b95f934", "df55340f75b5da454e1c189d56d7f31b",
 "8c728e685ddde9f7fbbc452155e29639", "2570c919f5ef1d7091f0f66d54dac974", "dce7c4174ce9323904a934a486c41288",
 "573ce5969e9884d49d4fab77b09a306a", "d5ca322453f2986b752e58b11af83d96", "eb88d7636980738cd0522ea69e212905",
 "e7e94d9ef1edaf2c6c55e9966b551295", "762f8817ab6af0971fe330dbf46a359a", "d8a48e3f0e1322d53d401e3dcb3360db",
 "c1940aeeb9693a02e28c52eb85ce261c", "d74fdde2944f475adc4a85e349d4ee7b", "b6a5d96a4e99b63723ab54ddb471baad",
 "6b157916b43b09df5a22f658ccb92b64", "bec670e5a55424d840db8636ecc28828", "4a6cbcd66d270792b89f50771604d093",
 "07202a7e6cbfbabe27abba87989f807e", "d60db28d94d538bbb249dcc7f2273ab1", "123402c04dcfb6625f688f771a5fc05d",
 "cd69b4957f06cd818d7bf3d61980e291", "be1ab1632e4285edc3733b142935c60b", "2bda2998d9b0ee197da142a0447f6725",
 "ba535ef5a9f7b8bc875812bb081286bb", "e9f40e1f1d1658681dad2dac4ae0971e", "eabe04e738cfb621f819e4e8f9489234",
 "aa2d6e4f578eb0cfaba23beef76c2194", "126ac4b07f93bc4f7bed426f5e978c16", "f43dff9a0dc54f0643d0c6d7971635f0",
 "ccaaac957ec37bde4c9993a26a064730", "2feaaf89c21770ea5c21196bc33848dd", "07cf4f8f5d8b76282917320715dda2ad",
 "1ffd9e753c8054cc61456ac7fac1ac89", "6050ce63e4bce6764cb34cac51fb44d1", "327a6c4304ad5938eaf0efb6cc3e53dc",
 "b82c91e2103d0a495c099f0a12f66363", "41d1de28e96dc1cde568d3b068fa17bb", "cad1c068cb62b0681fe4c33d1db1bad6",
 "de1b2a7baf7850243db71c4abd4e5a39", "75e52a0ecfafeda17a34fc60111c1f0b", "fc7e987f23de5bd6562b7c0063cad659",
 "126ac4b07f93bc4f7bed426f5e978c16", "fcc790c72a86190de1b549d0ddc6f55c", "72792fa10d4ca61295194377da0bcc05",
 "821f03288846297c2cf43c34766a38f7", "faec47e96bfb066b7c4b8c502dc3f649", "78b6367af86e03f19809449e2c365ff5",
 "015f28b9df1bdd36427dd976fb73b29d", "755f85c2723bb39381c7379a604160d8"];

//document.write('<img src="'+imgdir+imgid+'.jpg" width=290 height=80 border=0 alt="">');
//}
document.write('<img src="'+imgdir+imgid+'.jpg" border=0 alt="" align="top">');
}

function jcap(){
	//var uword = hex_md5(document.getElementById('uword').value);
	var uword = hex_md5(document.getElementById('CAPCHA').value);

	if (uword==cword[anum-1]) {
		return true;
	}
	else {
		//alert('Enter the code as it is shown!');
		//document.getElementById('uword').focus(); 
		//document.getElementById('CAPCHA').value = "";
		return false;
	}
}

//End -->

/*
 * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message
 * Digest Algorithm, as defined in RFC 1321.
 * Version 2.1 Copyright (C) Paul Johnston 1999 - 2002.
 * Other contributors: Greg Holt, Andrew Kepert, Ydnar, Lostinet
 * Distributed under the BSD License
 * See http://pajhome.org.uk/crypt/md5 for more info.
 */

/*
 * Configurable variables. You may need to tweak these to be compatible with
 * the server-side, but the defaults work in most cases.
 */
var hexcase = 0;  /* hex output format. 0 - lowercase; 1 - uppercase        */
var b64pad  = ""; /* base-64 pad character. "=" for strict RFC compliance   */
var chrsz   = 8;  /* bits per input character. 8 - ASCII; 16 - Unicode      */

/*
 * These are the functions you'll usually want to call
 * They take string arguments and return either hex or base-64 encoded strings
 */
function hex_md5(s){ return binl2hex(core_md5(str2binl(s), s.length * chrsz));}
function b64_md5(s){ return binl2b64(core_md5(str2binl(s), s.length * chrsz));}
function str_md5(s){ return binl2str(core_md5(str2binl(s), s.length * chrsz));}
function hex_hmac_md5(key, data) { return binl2hex(core_hmac_md5(key, data)); }
function b64_hmac_md5(key, data) { return binl2b64(core_hmac_md5(key, data)); }
function str_hmac_md5(key, data) { return binl2str(core_hmac_md5(key, data)); }

/*
 * Perform a simple self-test to see if the VM is working
 */
function md5_vm_test()
{
  return hex_md5("abc") == "900150983cd24fb0d6963f7d28e17f72";
}

/*
 * Calculate the MD5 of an array of little-endian words, and a bit length
 */
function core_md5(x, len)
{
  /* append padding */
  x[len >> 5] |= 0x80 << ((len) % 32);
  x[(((len + 64) >>> 9) << 4) + 14] = len;

  var a =  1732584193;
  var b = -271733879;
  var c = -1732584194;
  var d =  271733878;

  for(var i = 0; i < x.length; i += 16)
  {
    var olda = a;
    var oldb = b;
    var oldc = c;
    var oldd = d;

    a = md5_ff(a, b, c, d, x[i+ 0], 7 , -680876936);
    d = md5_ff(d, a, b, c, x[i+ 1], 12, -389564586);
    c = md5_ff(c, d, a, b, x[i+ 2], 17,  606105819);
    b = md5_ff(b, c, d, a, x[i+ 3], 22, -1044525330);
    a = md5_ff(a, b, c, d, x[i+ 4], 7 , -176418897);
    d = md5_ff(d, a, b, c, x[i+ 5], 12,  1200080426);
    c = md5_ff(c, d, a, b, x[i+ 6], 17, -1473231341);
    b = md5_ff(b, c, d, a, x[i+ 7], 22, -45705983);
    a = md5_ff(a, b, c, d, x[i+ 8], 7 ,  1770035416);
    d = md5_ff(d, a, b, c, x[i+ 9], 12, -1958414417);
    c = md5_ff(c, d, a, b, x[i+10], 17, -42063);
    b = md5_ff(b, c, d, a, x[i+11], 22, -1990404162);
    a = md5_ff(a, b, c, d, x[i+12], 7 ,  1804603682);
    d = md5_ff(d, a, b, c, x[i+13], 12, -40341101);
    c = md5_ff(c, d, a, b, x[i+14], 17, -1502002290);
    b = md5_ff(b, c, d, a, x[i+15], 22,  1236535329);

    a = md5_gg(a, b, c, d, x[i+ 1], 5 , -165796510);
    d = md5_gg(d, a, b, c, x[i+ 6], 9 , -1069501632);
    c = md5_gg(c, d, a, b, x[i+11], 14,  643717713);
    b = md5_gg(b, c, d, a, x[i+ 0], 20, -373897302);
    a = md5_gg(a, b, c, d, x[i+ 5], 5 , -701558691);
    d = md5_gg(d, a, b, c, x[i+10], 9 ,  38016083);
    c = md5_gg(c, d, a, b, x[i+15], 14, -660478335);
    b = md5_gg(b, c, d, a, x[i+ 4], 20, -405537848);
    a = md5_gg(a, b, c, d, x[i+ 9], 5 ,  568446438);
    d = md5_gg(d, a, b, c, x[i+14], 9 , -1019803690);
    c = md5_gg(c, d, a, b, x[i+ 3], 14, -187363961);
    b = md5_gg(b, c, d, a, x[i+ 8], 20,  1163531501);
    a = md5_gg(a, b, c, d, x[i+13], 5 , -1444681467);
    d = md5_gg(d, a, b, c, x[i+ 2], 9 , -51403784);
    c = md5_gg(c, d, a, b, x[i+ 7], 14,  1735328473);
    b = md5_gg(b, c, d, a, x[i+12], 20, -1926607734);

    a = md5_hh(a, b, c, d, x[i+ 5], 4 , -378558);
    d = md5_hh(d, a, b, c, x[i+ 8], 11, -2022574463);
    c = md5_hh(c, d, a, b, x[i+11], 16,  1839030562);
    b = md5_hh(b, c, d, a, x[i+14], 23, -35309556);
    a = md5_hh(a, b, c, d, x[i+ 1], 4 , -1530992060);
    d = md5_hh(d, a, b, c, x[i+ 4], 11,  1272893353);
    c = md5_hh(c, d, a, b, x[i+ 7], 16, -155497632);
    b = md5_hh(b, c, d, a, x[i+10], 23, -1094730640);
    a = md5_hh(a, b, c, d, x[i+13], 4 ,  681279174);
    d = md5_hh(d, a, b, c, x[i+ 0], 11, -358537222);
    c = md5_hh(c, d, a, b, x[i+ 3], 16, -722521979);
    b = md5_hh(b, c, d, a, x[i+ 6], 23,  76029189);
    a = md5_hh(a, b, c, d, x[i+ 9], 4 , -640364487);
    d = md5_hh(d, a, b, c, x[i+12], 11, -421815835);
    c = md5_hh(c, d, a, b, x[i+15], 16,  530742520);
    b = md5_hh(b, c, d, a, x[i+ 2], 23, -995338651);

    a = md5_ii(a, b, c, d, x[i+ 0], 6 , -198630844);
    d = md5_ii(d, a, b, c, x[i+ 7], 10,  1126891415);
    c = md5_ii(c, d, a, b, x[i+14], 15, -1416354905);
    b = md5_ii(b, c, d, a, x[i+ 5], 21, -57434055);
    a = md5_ii(a, b, c, d, x[i+12], 6 ,  1700485571);
    d = md5_ii(d, a, b, c, x[i+ 3], 10, -1894986606);
    c = md5_ii(c, d, a, b, x[i+10], 15, -1051523);
    b = md5_ii(b, c, d, a, x[i+ 1], 21, -2054922799);
    a = md5_ii(a, b, c, d, x[i+ 8], 6 ,  1873313359);
    d = md5_ii(d, a, b, c, x[i+15], 10, -30611744);
    c = md5_ii(c, d, a, b, x[i+ 6], 15, -1560198380);
    b = md5_ii(b, c, d, a, x[i+13], 21,  1309151649);
    a = md5_ii(a, b, c, d, x[i+ 4], 6 , -145523070);
    d = md5_ii(d, a, b, c, x[i+11], 10, -1120210379);
    c = md5_ii(c, d, a, b, x[i+ 2], 15,  718787259);
    b = md5_ii(b, c, d, a, x[i+ 9], 21, -343485551);

    a = safe_add(a, olda);
    b = safe_add(b, oldb);
    c = safe_add(c, oldc);
    d = safe_add(d, oldd);
  }
  return Array(a, b, c, d);

}

/*
 * These functions implement the four basic operations the algorithm uses.
 */
function md5_cmn(q, a, b, x, s, t)
{
  return safe_add(bit_rol(safe_add(safe_add(a, q), safe_add(x, t)), s),b);
}
function md5_ff(a, b, c, d, x, s, t)
{
  return md5_cmn((b & c) | ((~b) & d), a, b, x, s, t);
}
function md5_gg(a, b, c, d, x, s, t)
{
  return md5_cmn((b & d) | (c & (~d)), a, b, x, s, t);
}
function md5_hh(a, b, c, d, x, s, t)
{
  return md5_cmn(b ^ c ^ d, a, b, x, s, t);
}
function md5_ii(a, b, c, d, x, s, t)
{
  return md5_cmn(c ^ (b | (~d)), a, b, x, s, t);
}

/*
 * Calculate the HMAC-MD5, of a key and some data
 */
function core_hmac_md5(key, data)
{
  var bkey = str2binl(key);
  if(bkey.length > 16) bkey = core_md5(bkey, key.length * chrsz);

  var ipad = Array(16), opad = Array(16);
  for(var i = 0; i < 16; i++)
  {
    ipad[i] = bkey[i] ^ 0x36363636;
    opad[i] = bkey[i] ^ 0x5C5C5C5C;
  }

  var hash = core_md5(ipad.concat(str2binl(data)), 512 + data.length * chrsz);
  return core_md5(opad.concat(hash), 512 + 128);
}

/*
 * Add integers, wrapping at 2^32. This uses 16-bit operations internally
 * to work around bugs in some JS interpreters.
 */
function safe_add(x, y)
{
  var lsw = (x & 0xFFFF) + (y & 0xFFFF);
  var msw = (x >> 16) + (y >> 16) + (lsw >> 16);
  return (msw << 16) | (lsw & 0xFFFF);
}

/*
 * Bitwise rotate a 32-bit number to the left.
 */
function bit_rol(num, cnt)
{
  return (num << cnt) | (num >>> (32 - cnt));
}

/*
 * Convert a string to an array of little-endian words
 * If chrsz is ASCII, characters >255 have their hi-byte silently ignored.
 */
function str2binl(str)
{
  var bin = Array();
  var mask = (1 << chrsz) - 1;
  for(var i = 0; i < str.length * chrsz; i += chrsz)
    bin[i>>5] |= (str.charCodeAt(i / chrsz) & mask) << (i%32);
  return bin;
}

/*
 * Convert an array of little-endian words to a string
 */
function binl2str(bin)
{
  var str = "";
  var mask = (1 << chrsz) - 1;
  for(var i = 0; i < bin.length * 32; i += chrsz)
    str += String.fromCharCode((bin[i>>5] >>> (i % 32)) & mask);
  return str;
}

/*
 * Convert an array of little-endian words to a hex string.
 */
function binl2hex(binarray)
{
  var hex_tab = hexcase ? "0123456789ABCDEF" : "0123456789abcdef";
  var str = "";
  for(var i = 0; i < binarray.length * 4; i++)
  {
    str += hex_tab.charAt((binarray[i>>2] >> ((i%4)*8+4)) & 0xF) +
           hex_tab.charAt((binarray[i>>2] >> ((i%4)*8  )) & 0xF);
  }
  return str;
}

/*
 * Convert an array of little-endian words to a base-64 string
 */
function binl2b64(binarray)
{
  var tab = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
  var str = "";
  for(var i = 0; i < binarray.length * 4; i += 3)
  {
    var triplet = (((binarray[i   >> 2] >> 8 * ( i   %4)) & 0xFF) << 16)
                | (((binarray[i+1 >> 2] >> 8 * ((i+1)%4)) & 0xFF) << 8 )
                |  ((binarray[i+2 >> 2] >> 8 * ((i+2)%4)) & 0xFF);
    for(var j = 0; j < 4; j++)
    {
      if(i * 8 + j * 6 > binarray.length * 32) str += b64pad;
      else str += tab.charAt((triplet >> 6*(3-j)) & 0x3F);
    }
  }
  return str;
}
//----------------------------------------------------------------------------------------------------------