//For preloading page relevant images
var loaded = false;

function preload(page){
	switch(page){						//page is the page grouping we're on
		case 'backdrops':
			if(document.images){
				prevImg = new Array();
				prevImg[0] = new Image();
				prevImg[0].src = "images/Tiles/BD-3.jpg";
				prevImg[1] = new Image();
				prevImg[1].src = "images/Tiles/BD-6.jpg";
				prevImg[2] = new Image();
				prevImg[2].src = "images/Tiles/BD-10.jpg";
				prevImg[3] = new Image();
				prevImg[3].src = "images/Tiles/BD-5.jpg";
				prevImg[4] = new Image();
				prevImg[4].src = "images/Tiles/BD-12.jpg";
				prevImg[5] = new Image();
				prevImg[5].src = "images/Tiles/BD-13.jpg";
				loaded = true;
			}
			break;
		case 'fineArt':
			if(document.images){
				prevImg = new Array();
				prevImg[0] = new Image();
				prevImg[0].src = "images/Tiles/FA-2.jpg";
				prevImg[1] = new Image();
				prevImg[1].src = "images/Tiles/FA-3.jpg";
				prevImg[2] = new Image();
				prevImg[2].src = "images/Tiles/FA-4.jpg";
				prevImg[3] = new Image();
				prevImg[3].src = "images/Tiles/FA-7.jpg";
				prevImg[4] = new Image();
				prevImg[4].src = "images/Tiles/FA-8.jpg";
				prevImg[5] = new Image();
				prevImg[5].src = "images/Tiles/BD-8.jpg";
				loaded = true;
			}
			break;
		case 'flags':
			if(document.images){
				prevImg = new Array();
				prevImg[0] = new Image();
				prevImg[0].src = "images/Tiles/FLAG-1.jpg";
				prevImg[1] = new Image();
				prevImg[1].src = "images/Tiles/FLAG-2.jpg";
				loaded = true;
			}
			break;
		case 'emblems':
			if(document.images){
				prevImg = new Array();
				prevImg[0] = new Image();
				prevImg[0].src = "images/Tiles/airforce.jpg";
				prevImg[1] = new Image();
				prevImg[1].src = "images/Tiles/army.jpg";
				prevImg[2] = new Image();
				prevImg[2].src = "images/Tiles/coastguard.jpg";
				prevImg[3] = new Image();
				prevImg[3].src = "images/Tiles/marine.jpg";
				prevImg[4] = new Image();
				prevImg[4].src = "images/Tiles/navy.jpg";
				loaded = true;
			}
			break;
		case 'reflective':
			if(document.images){
				prevImg = new Array();
				prevImg[0] = new Image();
				prevImg[0].src = "images/Tiles/RP-2.jpg";
				prevImg[1] = new Image();
				prevImg[1].src = "images/Tiles/RP-4.jpg";
				prevImg[2] = new Image();
				prevImg[2].src = "images/Tiles/RP-6.jpg";
				prevImg[3] = new Image();
				prevImg[3].src = "images/Tiles/RP-7.jpg";
				prevImg[4] = new Image();
				prevImg[4].src = "images/Tiles/RP-9.jpg";
				prevImg[5] = new Image();
				prevImg[5].src = "images/Tiles/RP-10.jpg";
				loaded = true;
			}
			break;
		case 'traditional':
			if(document.images){
				prevImg = new Array();
				prevImg[0] = new Image();
				prevImg[0].src = "images/Tiles/T-4.jpg";
				prevImg[1] = new Image();
				prevImg[1].src = "images/Tiles/T-5.jpg";
				prevImg[2] = new Image();
				prevImg[2].src = "images/Tiles/T-7.jpg";
				prevImg[3] = new Image();
				prevImg[3].src = "images/Tiles/T-11.jpg";
				prevImg[4] = new Image();
				prevImg[4].src = "images/Tiles/T-14.jpg";
				prevImg[5] = new Image();
				prevImg[5].src = "images/Tiles/T-15.jpg";
				loaded = true;
			}
			break;
		case 'religious':
			if(document.images){
				prevImg = new Array();
				prevImg[0] = new Image();
				prevImg[0].src = "verses/1psalm23_blue.png";
				prevImg[1] = new Image();
				prevImg[1].src = "verses/2resprayer_blue.png";
				prevImg[2] = new Image();
				prevImg[2].src = "verses/3lordsprayercatholic_blue.png";
				prevImg[3] = new Image();
				prevImg[3].src = "verses/4lordsprayerprotestant_blue.png";
				prevImg[4] = new Image();
				prevImg[4].src = "verses/5hailmary_blue.png";
				prevImg[5] = new Image();
				prevImg[5].src = "verses/10stfrancis_blue.png";
				loaded = true;
			}
			break;
		case 'comfort':
			if(document.images){
				prevImg = new Array();
				prevImg[0] = new Image();
				prevImg[0].src = "verses/6afterglow_blue.png";
				prevImg[1] = new Image();
				prevImg[1].src = "verses/7comfort_blue.png";
				prevImg[2] = new Image();
				prevImg[2].src = "verses/9serenity_blue.png";
				prevImg[3] = new Image();
				prevImg[3].src = "verses/11beautifullifeher_blue.png";
				prevImg[4] = new Image();
				prevImg[4].src = "verses/11beautifullifehis_blue.png";
				prevImg[5] = new Image();
				prevImg[5].src = "verses/14dontweep_blue.png";
				prevImg[6] = new Image();
				prevImg[6].src = "verses/16journeyher_blue.png";
				prevImg[7] = new Image();
				prevImg[7].src = "verses/16journeyhis_blue.png";
				prevImg[8] = new Image();
				prevImg[8].src = "verses/17fillnot_blue.png";
				prevImg[9] = new Image();
				prevImg[9].src = "verses/21irishblessing_blue.png";
				prevImg[10] = new Image();
				prevImg[10].src = "verses/23safelyhome_blue.png";
				prevImg[11] = new Image();
				prevImg[11].src = "verses/26cometome_blue.png";
				prevImg[12] = new Image();
				prevImg[12].src = "verses/33footprints_blue.png";
				prevImg[13] = new Image();
				prevImg[13].src = "verses/51missme_blue.png";
				prevImg[14] = new Image();
				prevImg[14].src = "verses/61welittleknew_blue.png";
				loaded = true;
			}
			break;
		case 'military':
			if(document.images){
				prevImg = new Array();
				prevImg[0] = new Image();
				prevImg[0].src = "verses/34firemansprayer_blue.png";
				prevImg[1] = new Image();
				prevImg[1].src = "verses/56taps_blue.png";
				prevImg[2] = new Image();
				prevImg[2].src = "verses/62navyhymn_blue.png";
				prevImg[3] = new Image();
				prevImg[3].src = "verses/63policeman_blue.png";
				loaded = true;
			}
			break;
		case 'keepsake':
			if(document.images){
				prevImg = new Array();
				prevImg[0] = new Image();
				prevImg[0].src = "verses/66candles_blue.png";
				prevImg[1] = new Image();
				prevImg[1].src = "verses/67lightshines_blue.png";
				prevImg[2] = new Image();
				prevImg[2].src = "verses/68yourmemory_blue.png";
				loaded = true;
			}
			break;
		case 'family':
			if(document.images){
				prevImg = new Array();
				prevImg[0] = new Image();
				prevImg[0].src = "verses/27guardian_blue.png";
				prevImg[1] = new Image();
				prevImg[1].src = "verses/42magicmother_blue.png";
				prevImg[2] = new Image();
				prevImg[2].src = "verses/43remembermom_blue.png";
				prevImg[3] = new Image();
				prevImg[3].src = "verses/44rememberdad_blue.png";
				prevImg[4] = new Image();
				prevImg[4].src = "verses/48littleangels_blue.png";
				prevImg[5] = new Image();
				prevImg[5].src = "verses/68yourmemory_blue.png";
				loaded = true;
			}
			break;
	}
}
//For swapping the preview image on bkgd and verse pages.
function changeImg(num){				//num is the number of the image as it occurs on the page
	if(loaded == true){					//num is also the images index number
		document.preview.src = prevImg[num].src;
	}
}
//Set, get, and delete order data between pages of website.
function setCookie(name,field){
	delCookie(name);
	var status = false;
	if(name == 'layer1' || name == 'layer2'){
		for (var i = 0; i < field.length; i++){
			if(field[i].checked){
				var choice = name + "=" + escape(field[i].value);	
				document.cookie = choice + ";path=/";
//				if(document.referrer == "http://65.108.90.19/personalize.htm"){
//					location.href = "personalize.htm";
//				}
//				else	
				if(document.title == 'Memorial Tiles Choose Tile Background'){
					location.href = "religious.htm";
				}
				else if(document.title == 'Memorial Tiles Choose Tile Verse'){
					location.href = "personalize.htm";
				}
				status = true;
				break;
			}
		}
	}
	else{
		var choice = name + "=" + escape(field);	
		document.cookie = choice + ";path=/";
		status = true;
	}
	if(status == false){
		alert("Please make a selection.");
	}
}

function getCookie(name){
	var prefix = name + "="
	var cookieStartIndex = document.cookie.indexOf(prefix)
	if (cookieStartIndex == -1)
		return null;
	var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)
	if (cookieEndIndex == -1)
		cookieEndIndex = document.cookie.length;
	return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex));
}

function delCookie(name){
	if(getCookie(name)){
		document.cookie = name + "=; path=/";
	}
}

//Writes the final display to preview window.
function showFinalTile(){
	var flag = false;
	markerForBirth = document.data.birthdate.value;
	if (checkFields()){
		loadFields();
		dateFormat();
		var bkgd = parent.document.data.bkgdChoice.value
		if(bkgd == "airforce" || bkgd == "army" || bkgd == "coastguard" || bkgd == "marine" || bkgd == "navy\
		" || bkgd == "BD-13" || bkgd == "RP-2" || bkgd == "RP-4" || bkgd == "RP-6" || bkgd == "RP-7" || bkgd == "RP-9" || bkgd == "RP-10\
		" || bkgd == "T-11" || bkgd == "T-4" || bkgd == "T-15" || bkgd == "T-7"  || bkgd == "T-5\
		" || bkgd == "FA-8" || bkgd == "FA-7" || bkgd == "FA-4" || bkgd == "FA-3"){
			flag = true
		}
		previewWin = window.open("", "", "height=422, width=348, resizable=no, scrollbars=no, toolbar=no, status=no, menubar=no, location=no");
		previewWin.document.write("\
		<head><link rel='stylesheet' type='text/css' href='styles.css'></link></head>\
		<body bgcolor='#FFFFEE'>\
		<div class='composite' name='bkgd' id='bkgd'><img name='bkgdImg' src='images/Tiles/" + bkgd + ".jpg' height='382' width='308' /></div>\
		<div class='composite' name='verse' id='verse'><img name='verseImg' src='verses/" + parent.document.data.verseChoice.value + ".gif' height='382' width='308' /></div>");
		previewWin.document.write("<div style='position:absolute;top:392;left:10;width:348;text-align:center'><a href='javascript:window.close()'>Close Window</a></div>");
		if(flag){
			previewWin.document.write("\
			<div class='compositeRight' name='personal' id='personal'>\
			<div class='text'>" + parent.document.data.heading.value + "<br /><span class='name'>" + parent.document.data.fullname.value + "</span><br />"); 
			if(markerForBirth != ""){
				previewWin.document.write(birth + " <br /> " + death + "</div></div></body>");
			}
			else 
				previewWin.document.write(death + "</div></div></body>");
		}else{
			previewWin.document.write("\
			<div class='composite' name='personal' id='personal'>\
			<div class='text'><div style='text-align:left'>" + parent.document.data.heading.value + "</div><span class='name'>" + parent.document.data.fullname.value + "</span><br />");
			if(markerForBirth != ""){
				previewWin.document.write(birth + " <br /> " + death + "</div></div></body>");
			}
			else 
				previewWin.document.write(death + "</div></div></body>");
		}
	}
}

//Loads all cookie values into hidden fields when personalize page is first loaded and returned to after any chages to data by user. 
function loadFields(){
	document.data.prodChoice.value = getCookie('prodOption');
	document.data.bkgdChoice.value = getCookie('layer1');
	document.data.verseChoice.value = getCookie('layer2');
	var fn = getCookie('fn');
	var bd = getCookie('bd');
	var dd = getCookie('dd');
	var em = getCookie('em');
	if((fn == null) || (dd == null) || (em == null)){
		document.data.fullname.value = "";
		document.data.birthdate.value = "";
		document.data.deathdate.value = "";
		document.data.email.value = "";
	}else{
		document.data.fullname.value = fn
		if(bd == null)
			document.data.birthdate.value = "";
		else 
			document.data.birthdate.value = bd;	
			document.data.deathdate.value = dd;
			document.data.email.value = em;
	}
}

//Checks fields for necessary data before submitting. Redirect to next page being done by addrecord.php.
function compileData(){
	if(checkFields()){
		document.data.submit();
	}
}

//Formats the date as month name, day, year for tile preview.
function dateFormat(){
	birth = parent.document.data.birthdate.value;
	death = parent.document.data.deathdate.value;
	bParts = birth.split("/");
	dParts = death.split("/");
	var months = new Array();
	months['01'] = "January";
	months['02'] = "February";
	months['03'] = "March";
	months['04'] = "April";
	months['05'] = "May";
	months['06'] = "June";
	months['07'] = "July";	
	months['08'] = "August";
	months['09'] = "September";	
	months['10'] = "October";
	months['11'] = "November";
	months['12'] = "December";
	bMoIndicator = months[bParts[0]];	
	dMoIndicator = months[dParts[0]];	
	birth = bMoIndicator + " " + bParts[1] + ", " + bParts[2];
	death = dMoIndicator + " " + dParts[1] + ", " + dParts[2];
}

//Checks date fields to make sure correct number formats mm/dd/yyyy. 
function checkFields(){
	var full = parent.document.data.fullname.value;
	var email = parent.document.data.email.value;
	var birth = parent.document.data.birthdate.value;
	var death = parent.document.data.deathdate.value;
	var regex = /^\d{2}\/\d{2}\/\d{4}$/;
	if(!full || !email || !death){
		alert("Name, date of death and email fields are required.");
	}
	else if(birth){
		if(regex.test(death) && regex.test(birth)){
			return true;
		}
		else{
			alert("Please enter the date in the mm/dd/yyyy format (ie., 12/12/1212).");
			return false;
		}
	}
	else if(regex.test(death)){
		return true;
	}
	else{
		alert("Please enter the date in the mm/dd/yyyy format (ie., 12/12/1212).");
		return false;
	}
}