/* The URL should include one or more of the following keys -- HC 20161024 */
var urlKeys = [
	'firstName',
	'lastName',
	
	'day',
	'month',
	'year',
	
	'years',
	
	'canvasHeight',
	'canvasWidth'
];

/* Initialize object -- HC 20161024 */
var recipInfo = {
	firstName: '',
	lastName: '',
	
	day: 0,
	month: '',
	year: 0,
	
	years: 0,
	
	canvasHeight: 370,
	canvasWidth: 960
};

var queryString = decodeURI(window.location.search.substring(1));

var recipParameterFound = false;

if (queryString.length > 0) {
	var urlParameters = queryString.split('&');
	var numberOfURLParameters = urlParameters.length;
	
	for (var i = 0;i < numberOfURLParameters;i++) {
		nameValuePair = urlParameters[i].split('=');
		
		if (urlKeys.indexOf(nameValuePair[0]) > -1) {
			recipInfo[nameValuePair[0]] = nameValuePair[1];
			
			recipParameterFound = true;
		}
	}
}

if (queryString.length == 0 || !recipParameterFound) {
	/* No recipient info was passed from main calling page (or there is no main calling page), or no recipient parameters were passed in URL; use default values -- HC 20161013 */
	recipInfo.firstName	= 'Meredith';
	recipInfo.lastName	= 'Young';
	
	recipInfo.day		= 1;
	recipInfo.month		= 'August';
	recipInfo.year		= 1984;
	
	recipInfo.years		= 2;
}

var first_name = recipInfo.firstName;
var num_years = recipInfo.years;

var service_year = recipInfo.year;
var service_month = recipInfo.month;
var service_day = recipInfo.day;

var Nom_Years = '';

var word_years = recipInfo.years == '1' || recipInfo.years == 1 ? 'year' : 'years';

if (recipInfo.years == '1' || recipInfo.years == 1) {
	var word_years_lc = 'year';
	var word_years_Ul = 'Year';
	var word_years_UC = 'YEAR';
}
else {
	var word_years_lc = 'years';
	var word_years_Ul = 'Years';
	var word_years_UC = 'YEARS';
}

if ((num_years == '1') || (num_years == 1)) {
	Nom_Years = 'One ';
	num_years = '1 ';
}
else if ((num_years == '2') || (num_years == 2)) {
	Nom_Years = 'Two ';
	num_years = '2 ';
}
else if ((num_years == '3') || (num_years == 3)) {
	Nom_Years = 'Three ';
	num_years = '3 ';
}
else if ((num_years == '4') || (num_years == 4)) {
	Nom_Years = 'Four ';
	num_years = '4 ';
}
else if ((num_years == '5') || (num_years == 5) || (num_years == '05') || (num_years == 05)) {
	Nom_Years = 'Five ';
	num_years = '5 ';
}
else if ((num_years == '10') || (num_years == 10)) {
	Nom_Years = 'Ten ';
	num_years = '10 ';
}
else if ((num_years == '15') || (num_years == 15)) {
	Nom_Years = 'Fifteen ';
	num_years = '15 ';
}
else if ((num_years == '20') || (num_years == 20)) {
	Nom_Years = 'Twenty ';
	num_years = '20 ';
}
else if ((num_years == '25') || (num_years == 25)) {
	Nom_Years = 'Twenty-Five ';
	num_years = '25 ';
}
else if ((num_years == '30') || (num_years == 30)) {
	Nom_Years = 'Thirty ';
	num_years = '30 ';
}
else if ((num_years == '35') || (num_years == 35)) {
	Nom_Years = 'Thirty-Five ';
	num_years = '35 ';
}
else if ((num_years == '40') || (num_years == 40)) {
	Nom_Years = 'Forty ';
	num_years = '40 ';
}
else if ((num_years == '45') || (num_years == 45)) {
	Nom_Years = 'Forty-Five ';
	num_years = '45 ';
}
else if ((num_years == '50') || (num_years == 50)) {
	Nom_Years = 'Fifty ';
	num_years = '50 ';
}
else if ((num_years == '60') || (num_years == 60)) {
	Nom_Years = 'Sixty ';
	num_years = '60 ';
}
else if ((num_years == '99') || (num_years == 99)) {
	Nom_Years = 'Many ';
	num_years = 'Many ';
}
else {
	num_years += ' ';
}

/* These variables are not being used right now, but I am leaving them here in case we need to "inject" the animation dimensions from the calling page at some point -- HC 20161115 */
var canvasHeight = recipInfo.canvasHeight;
var canvasWidth = recipInfo.canvasWidth;

var animationRatio = recipInfo.canvasWidth / recipInfo.canvasHeight;

var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;

function centerPreloadImage(preLoadContainerID) {
	preLoadDiv = document.getElementById(preLoadContainerID);
	preLoaderImage = preLoadDiv.getElementsByTagName('img')[0];
	
	var iw = iOS ? screen.width : window.innerWidth;
	var ih = iw / animationRatio;
	
	preLoadDiv.style.width = iw + 'px';
	preLoadDiv.style.height = ih + 'px';
	preLoaderImage.style.display = 'inline';
}