// function to hide form overlay when user clicks off of it
function hideform(){
	document.getElementById('servicerequestform').style.visibility = "hidden";
	resetpetinfovisibility();
	resetvisibility();
}


function validate_required(field,alerttxt){
	with (field)
	{
		if (value==null||value=="")
		  {alert(alerttxt);return false;}
		else {return true}
	}
}
function validate_form(thisform){
	var firstName = document.getElementById('firstname').value;
	var eMail = document.getElementById('email').value;
	var phoneNumber = document.getElementById('primaryphone');

	if(firstName == null || firstName == ""){
		alert("Please provide a first name.");
		firstname.focus();
		return false;
	}
	else if((phoneNumber == null || phoneNumber == "") && (eMail == null || eMail == "")){
		alert("Please provide a phone number or an e-mail address so we may contact you.");
		primaryphone.focus();
		return false;
	}
}

// make form overlay visible
function change(){
	document.getElementById('servicerequestform').style.visibility = "visible";
}

// reset visibility of fields within form to default, often used
// to create a standardized starting place in other functions
function resetVisibility(){
	document.getElementById('idinfo').style.visibility = "hidden";
	document.getElementById('contactinfo').style.visibility = "hidden";
	document.getElementById('petinfo').style.visibility = "hidden";
	document.getElementById('jobinfo').style.visibility = "hidden";
	resetpetinfovisibility();
}

// Has the person used Jamboree before?
function useChange(){
	var eonVal;
	eonVal = window.document.mainform.existingornot.value;
	resetVisibility();
	if(eonVal == "existing_client"){
	document.getElementById('idinfo').style.visibility = "visible";
	document.getElementById('jobinfo').style.visibility = "visible";
	}
	else if(eonVal == "new_client"){
		document.getElementById('idinfo').style.visibility = "visible";
		document.getElementById('contactinfo').style.visibility = "visible";
		document.getElementById('petinfo').style.visibility = "visible";
	}
	else{
	}
}

// after user has chosen the number of pets they have
function showpetinfo(){
	resetpetinfovisibility();

	var numofpets = document.mainform.numberofpets.options[document.mainform.numberofpets.selectedIndex].value;
	document.getElementById('jobinfo').style.visibility = "visible";

	switch(numofpets){
		case '>4':
			document.getElementById('morepets').style.visibility = "visible";
		case '4':
			document.getElementById('pet4').style.visibility = "visible";
		case '3':
			document.getElementById('pet3').style.visibility = "visible";
		case '2':
			document.getElementById('pet2').style.visibility = "visible";
		case '1':
			document.getElementById('pet1').style.visibility = "visible";
		default:

			break;
	}
}

function resetpetinfovisibility(){
	document.getElementById('pet1').style.visibility = "hidden";
	document.getElementById('pet2').style.visibility = "hidden";
	document.getElementById('pet3').style.visibility = "hidden";
	document.getElementById('pet4').style.visibility = "hidden";
	document.getElementById('morepets').style.visibility = "hidden";
}