//initialize the input field default settings
$(document).ready(function() {
	
	//make sure all inputs have default value on startup after case of page reload after error catch
	if (document.getElementById("qname").value == "") {document.getElementById("qname").value = "First Name"}
	if (document.getElementById("qlastname").value == "") {document.getElementById("qlastname").value = "Last Name"}
	if (document.getElementById("qemail").value == "") {document.getElementById("qemail").value = "Email"}
	if (document.getElementById("security_code").value == "") {document.getElementById("security_code").value = "Security Code"}
	
	//set the font style of all inputs to italic if they contain their default value, if not set it to normal
	if (document.getElementById("qname").value == "First Name") {
		document.getElementById("qname").style.fontStyle = "italic";
	} else document.getElementById("qname").style.fontStyle = "normal";
	
	if (document.getElementById("qlastname").value == "Last Name") {
		document.getElementById("qlastname").style.fontStyle = "italic";
	} else document.getElementById("qlastname").style.fontStyle = "normal";
	
	if (document.getElementById("qemail").value == "Email") {
		document.getElementById("qemail").style.fontStyle = "italic";
	} else document.getElementById("qemail").style.fontStyle = "normal";
	
	if (document.getElementById("security_code").value == "Security Code") {
		document.getElementById("security_code").style.fontStyle = "italic";
	} else document.getElementById("security_code").style.fontStyle = "normal";

});

//as each input is focused or unfocused set the appearance/dissapearance of the default value and switch the font style accordingly
function hidefname() {

	if (document.getElementById("qname").value == "First Name") {
			document.getElementById("qname").value = "";
			document.getElementById("qname").style.fontStyle = "normal";
	}

}

function showfname() {
		
		if (document.getElementById("qname").value == "") {
			document.getElementById("qname").value = "First Name";
			document.getElementById("qname").style.fontStyle = "italic";
	}
		
}

function hidelname() {

	if (document.getElementById("qlastname").value == "Last Name") {
			document.getElementById("qlastname").value = "";
			document.getElementById("qlastname").style.fontStyle = "normal";
	}

}

function showlname() {
		
		if (document.getElementById("qlastname").value == "") {
			document.getElementById("qlastname").value = "Last Name";
			document.getElementById("qlastname").style.fontStyle = "italic";
	}
		
}

function hideemail() {

	if (document.getElementById("qemail").value == "Email") {
			document.getElementById("qemail").value = "";
			document.getElementById("qemail").style.fontStyle = "normal";
	}

}

function showemail() {
		
		if (document.getElementById("qemail").value == "") {
			document.getElementById("qemail").value = "Email";
			document.getElementById("qemail").style.fontStyle = "italic";
	}
		
}

function hidecode() {

	if (document.getElementById("security_code").value == "Security Code") {
			document.getElementById("security_code").value = "";
			document.getElementById("security_code").style.fontStyle = "normal";
	}

}

function showcode() {
		
		if (document.getElementById("security_code").value == "") {
			document.getElementById("security_code").value = "Security Code";
			document.getElementById("security_code").style.fontStyle = "italic";
	}
		
}