loadRandomHeader();
loadRotatingBanner();
startPopulatingStores();


function startPopulatingStores() {
	if(window.stores === undefined) {
		var xhr = createServiceXHR("GET", "locations");
		xhr.onreadystatechange = function() {
			if(xhr.readyState == 4) {
				if(xhr.status == 200) {
					stores = JSON.parse(xhr.responseText);
					var sel = document.getElementById("store");
					var opt = sel.firstChild;
					sel.removeChild(opt);
					for(var i = 0; i < stores.length; i++) {
						var newOpt = opt.cloneNode(true);
						newOpt.name = stores[i].store;
						newOpt.firstChild.nodeValue = stores[i].store;
						sel.appendChild(newOpt);
					}
				} else {
					alert("There was an unexpected error. Please try again later or contact support. We are sorry for the inconveniences.");
				}					
			}
		};
		xhr.send();
	}
}

document.getElementById("send").onclick = function() {
	var inq = {
		type: "appointment",
		name: document.getElementById("name").value,
		email: document.getElementById("email").value,
		phone: document.getElementById("phone").value,
		contactBy: document.getElementById("contactByPhone").checked? "phone": document.getElementById("contactByPhone").checked? "email": null,
		newsletter: document.getElementById("newsletter").checked,
		appointment: document.getElementById("appointment").checked,
		garment1Type: null,
		garment1: null,
		garment2Type: null,
		garment2: null,
		bottoms: document.getElementById("bottoms").checked,
		tops: document.getElementById("tops").checked,
		jackets: document.getElementById("jackets").checked,
		outfit: document.getElementById("outfit").checked,
		bottomSize: document.getElementById("bottomSize").value,
		topSize: document.getElementById("topSize").value,
		jacketSize: document.getElementById("jacketSize").value,
		message: document.getElementById("message").value,
		store: document.getElementById("store").value
	};
	var errors = "";
	if(inq.name == "") {
		errors += "- A name is required.\n";
	}
	if(inq.email == "") {
		errors += "- An e-mail address is required.\n";
	}
	if(errors != "") {
		alert("Please correct the following problems before sending your inquiry:\n\n" + errors);
	} else {
		var data = JSON.stringify(inq);
		var xhr = createServiceXHR("POST", "inquiry");
		xhr.onreadystatechange = function() {
			if(xhr.readyState == 4) {
				if(xhr.status == 201) {
					var returnedInq = JSON.parse(xhr.responseText);
					
					alert(
						"Your inquiry has been received. Thank you.\n\nInquiry Details:\n" +
						"Name: " + returnedInq.name + "\n" +
						"Email: " + returnedInq.email + "\n" +
						"Store: " + returnedInq.store + "\n" +
						"Inquiry Type: " + returnedInq.type + "\n" +
						"Date Received: " + returnedInq.dateSubmitted + "\n");
					/*
					alert(
						returnedInq.id + " " +
						returnedInq.type + " " +
						returnedInq.name + " " +
						returnedInq.email + " " +
						returnedInq.phone + " " +
						returnedInq.contactBy + " " +
						returnedInq.newsletter + " " +
						returnedInq.appointment + " " +
						returnedInq.garment1Type + " " +
						returnedInq.garment1 + " " +
						returnedInq.garment2Type + " " +
						returnedInq.garment2 + " " +
						returnedInq.bottoms + " " +
						returnedInq.tops + " " +
						returnedInq.jackets + " " +
						returnedInq.outfit + " " +
						returnedInq.bottomSize + " " +
						returnedInq.topSize + " " +
						returnedInq.jacketSize + " " +
						returnedInq.message + " " +
						returnedInq.store + " " +
						returnedInq.dateSubmitted
					);
					*/
					document.getElementById("formContainer").style.visibility = "hidden";
					document.getElementById("blackVeil").className = "blackVeilHidden";
				} else {
					alert("There was an unexpected error. Please try again later or contact support. We are sorry for the inconveniences.");
				}					
			}
		};
		xhr.send(data);
	}
}

function bookApp() {
	//alert(outfit);
	document.getElementById("blackVeil").className = "blackVeil";
	scroll(0, 0);
	document.getElementById("formContainer").style.visibility = "visible";
}

document.getElementById("bookApp").onclick = function() {
	bookApp();
};

document.getElementById("checkBalanceLeft").onclick = function() {
	openCheckBalance();
};

document.getElementById("closeButton").onclick = function() {
	document.getElementById("formContainer").style.visibility = "hidden";
	document.getElementById("blackVeil").className = "blackVeilHidden";
};

loadGA();