// JavaScript Document
function processForm()
{
	//alert('enter validate all');
	if(document.getElementById("email").value == "")
	{ //alert('email is blank');
	validateE(); return false; }
	else if ( (document.getElementById("AreaCode").value == "") || (document.getElementById("Phone1").value == "") || (document.getElementById("Phone2").value == "") )
	{ //alert('phone is blank'); 
	validateP(); return false; }
	else if(document.getElementById("Name").value == "")
	{ // alert('name is blank'); 
	validateN(); return false; }
	else if(document.getElementById("zipCode").value == "")
	{
		//alert('zip is blank');
		var div = document.getElementById("divZipCode");
		var divText = '<input name="Zip" type="text" class="form" id="zipCode" size="17" maxlength="5" onFocus="javascript:validateE();" onKeyPress="javascript: return numbersonly(form1.zipCode, event);" style="border-color:#CC0000; border-style:double" /><br />';
		divText += '<font color="#CC0000">Please enter your ZIP </font>'; 
		div.innerHTML = divText;
		return false;
	} 
	else
	{
		var str = document.getElementById("zipCode").value;
		for(var i=0; i<str.length; i++)
		{
			if ((("0123456789").indexOf(str[i]) == -1))
			{ 
				//alert(("0123456789").indexOf(str[i])); 
				var zip = document.getElementById("zipCode").value ;
				var divText = '<input name="Zip" type="text" class="form" id="zipCode" size="17" maxlength="5" value="' + zip + '" style="border-color:#CC0000; border-style:double" onFocus="javascript:validateE();" onKeyPress="javascript: return numbersonly(form1.zipCode, event);" /><br />';
				divText += '<font color="#CC0000"> Please check your ZIP </font>';   
				(document.getElementById("divZipCode")).innerHTML = divText;
				document.getElementById("zipCode").focus();
				return false; 
			}
		}
		var zip = document.getElementById("zipCode").value ;
		var divText = '<input name="Zip" type="text" class="form" id="zipCode" size="17" maxlength="5" value="' + zip + '" onFocus="javascript:validateE();" onKeyPress="javascript: return numbersonly(form1.zipCode, event);" /><br />';
		(document.getElementById("divZipCode")).innerHTML = divText;
		
		var str = document.getElementById("AreaCode").value;
		for(var i=0; i<str.length; i++)
		{
			if ((("0123456789").indexOf(str[i]) == -1))
			{ 
				//alert(("0123456789").indexOf(str[i])); 
				var div = document.getElementById("divPhone");
				var area = document.getElementById("AreaCode").value ;
				var p1 = document.getElementById("Phone1").value;
				var p2 = document.getElementById("Phone2").value;
				var divText = '<input type="text" id="AreaCode" name="AreaCode" class="form" maxlength="3" size="1" value="' + area + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.AreaCode, event);"  onFocus="javascript:validateN();" />';
				divText += '<input type="text" id="Phone1" name="Phone1" class="form" maxlength="3" size="2" value="' + p1 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone1, event);" onFocus="javascript:validateN();" />';
				divText += '<input type="text" id="Phone2" name="Phone2" class="form" maxlength="4" size="3" value="' + p2 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone2, event);" onFocus="javascript:validateN();" />';
				divText += '<br /><font color="#CC0000">Please check your Phone </font><br />';
				//alert(divText);
				div.innerHTML = divText;
				return false; 
				}
		}
		var str = document.getElementById("Phone1").value;
		for(var i=0; i<str.length; i++)
		{
			if ((("0123456789").indexOf(str[i]) == -1))
			{ 
				//alert(("0123456789").indexOf(str[i])); 
				var div = document.getElementById("divPhone");
				var area = document.getElementById("AreaCode").value ;
				var p1 = document.getElementById("Phone1").value;
				var p2 = document.getElementById("Phone2").value;
				var divText = '<input type="text" id="AreaCode" name="AreaCode" class="form" maxlength="3" size="1" value="' + area + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.AreaCode, event);"  onFocus="javascript:validateN();" />';
				divText += '<input type="text" id="Phone1" name="Phone1" class="form" maxlength="3" size="2" value="' + p1 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone1, event);" onFocus="javascript:validateN();" />';
				divText += '<input type="text" id="Phone2" name="Phone2" class="form" maxlength="4" size="3" value="' + p2 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone2, event);" onFocus="javascript:validateN();" />';
				divText += '<br /><font color="#CC0000">Please check your Phone </font><br />';
				//alert(divText);
				div.innerHTML = divText;
				return false; }
		}
		var str = document.getElementById("Phone2").value;
		for(var i=0; i<str.length; i++)
		{
			if ((("0123456789").indexOf(str[i]) == -1))
			{ 
				//alert(("0123456789").indexOf(str[i])); 
				var div = document.getElementById("divPhone");
				var area = document.getElementById("AreaCode").value ;
				var p1 = document.getElementById("Phone1").value;
				var p2 = document.getElementById("Phone2").value;
				var divText = '<input type="text" id="AreaCode" name="AreaCode" class="form" maxlength="3" size="1" value="' + area + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.AreaCode, event);"  onFocus="javascript:validateN();" />';
				divText += '<input type="text" id="Phone1" name="Phone1" class="form" maxlength="3" size="2" value="' + p1 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone1, event);" onFocus="javascript:validateN();" />';
				divText += '<input type="text" id="Phone2" name="Phone2" class="form" maxlength="4" size="3" value="' + p2 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone2, event);" onFocus="javascript:validateN();" />';
				divText += '<br /><font color="#CC0000">Please check your Phone </font><br />';
				//alert(divText);
				div.innerHTML = divText;
				return false; 
			}
		}
		var div = document.getElementById("divPhone");
		var area = document.getElementById("AreaCode").value ;
		var p1 = document.getElementById("Phone1").value;
		var p2 = document.getElementById("Phone2").value; 
		var divText = '<input type="text" id="AreaCode" name="AreaCode" class="form" maxlength="3" size="1" value="' + area + '" onKeyPress="javascript: return numbersonly(form1.AreaCode, event);"  onFocus="javascript:validateN();" />';
		divText += '<input type="text" id="Phone1" name="Phone1" class="form" maxlength="3" size="2" value="' + p1 + '" onKeyPress="javascript: return numbersonly(form1.Phone1, event);" onFocus="javascript:validateN();" />';
		divText += '<input type="text" id="Phone2" name="Phone2" class="form" maxlength="4" size="3" value="' + p2 + '" onKeyPress="javascript: return numbersonly(form1.Phone2, event);" onFocus="javascript:validateN();" />';
		div.innerHTML = divText;
		
		
		if((document.getElementById("zipCode").value).length < 5)
		{
				//alert('small zip');
				var zip = document.getElementById("zipCode").value ;
				var divText = '<input name="Zip" type="text" class="form" id="zipCode" size="17" maxlength="5" value="' + zip + '" style="border-color:#CC0000; border-style:double" onFocus="javascript:validateE();" onKeyPress="javascript: return numbersonly(form1.zipCode, event);" /><br />';
				divText += '<font color="#CC0000">Please check your ZIP </font>';   
				(document.getElementById("divZipCode")).innerHTML = divText;
				document.getElementById("zipCode").focus();
				return false;
		} 
		else
		{
			var zip = document.getElementById("zipCode").value ;
			var divText = '<input name="Zip" type="text" class="form" id="zipCode" size="17" maxlength="5" value="' + zip + '" onFocus="javascript:validateE();" onKeyPress="javascript: return numbersonly(form1.zipCode, event);" /><br />';
			(document.getElementById("divZipCode")).innerHTML = divText;
			
			var div = document.getElementById("divEmail");
			var value = document.getElementById("email").value;
			
			apos = value.indexOf("@");
			dotpos = value.lastIndexOf(".");
			if(apos<1 || dotpos-apos <2)
			{
				var divText = '<input type="text" name="Email" id="email" size="17" class="form" onFocus="javascript:validateP();" value="' + value + '" style="border-color:#CC0000; border-style:double" /><font color="#CC0000">Please check your email address!</font><br />';
				div.innerHTML = divText;
				document.getElementById("email").focus();
				return false;
			}
			else if (value.indexOf(" ")>-1)
			{
				var divText = '<input type="text" name="Email" id="email" size="17" class="form" onFocus="javascript:validateP();" value="' + value + '" style="border-color:#CC0000; border-style:double" /><font color="#CC0000">Please check your email address!</font><br />';
				div.innerHTML = divText;
				document.getElementById("email").focus();
				return false;
			}
			else
			{ 	
				//alert('all set...enter ajax..');
				$('form1').request({
						onSuccess: function(transport)
						{
							if(transport.responseText.match(/^OK/) != null)   
							{
								//alert('Your message has been sent!');
								var div = document.getElementById("formarea");
								div.innerHTML = '<div align="center" style="margin-top:75px;color:#CC0000">  Thank you, our agents will call you shortly. </div>';
								$('form1').reset();
							}
							else
							{ alert(transport.responseText); }
					  }
				});
				return false;
			}

		}	  
	}
}//function end

function validateN()
{
	//alert('enter validate name');
	var div = document.getElementById("divName");
	if(document.getElementById("Name").value == "")
	{
		//alert('no name');
		var divText = '<input type="text" name="Name" id="Name" size="17" class="form" style="border-color:#CC0000; border-style:double" /><font color="#CC0000" />Please enter your Name </font><br />';
		div.innerHTML = divText ;
	}
	else
	{ 
		var val = document.getElementById("Name").value;
		var divText = '<input type="text" name="Name" id="Name" size="17" class="form" value="' + val + '" /><br />';
		div.innerHTML = divText ;
	} 
}

function validateP()
{
	var div = document.getElementById("divPhone");
	var divText = "";
	var area = document.getElementById("AreaCode").value ;
	var p1 = document.getElementById("Phone1").value;
	var p2 = document.getElementById("Phone2").value;
	if ( (area == "") || (p1 == "") || (p2 == "") ) 
	{
		//alert('no area code');
		var divText = '<input type="text" id="AreaCode" name="AreaCode" class="form" maxlength="3" size="1" value="' + area + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.AreaCode, event);"  onFocus="javascript:validateN();" />';
		divText += '<input type="text" id="Phone1" name="Phone1" class="form" maxlength="3" size="2" value="' + p1 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone1, event);" onFocus="javascript:validateN();" />';
		divText += '<input type="text" id="Phone2" name="Phone2" class="form" maxlength="4" size="3" value="' + p2 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone2, event);" onFocus="javascript:validateN();" />';
		divText += '<br /><font color="#CC0000">Please enter your Phone </font><br />';
		//alert(divText);
		div.innerHTML = divText;
	}
	else
	{
		var divText = '<input type="text" id="AreaCode" name="AreaCode" class="form" maxlength="3" size="1" value="' + area + '" onKeyPress="javascript: return numbersonly(form1.AreaCode, event);" onFocus="javascript:validateN();" />';
		divText += '<input type="text" id="Phone1" name="Phone1" class="form" maxlength="3" size="2" value="' + p1 + '" onKeyPress="javascript: return numbersonly(form1.Phone1, event);" onFocus="javascript:validateN();" />';
		divText += '<input type="text" id="Phone2" name="Phone2" class="form" maxlength="4" size="3" value="' + p2 + '" onKeyPress="javascript: return numbersonly(form1.Phone2, event);" onFocus="javascript:validateN();" /><br />';
		div.innerHTML = divText ;
	}
	validateN();
}  

function validateE()
{
	var div = document.getElementById("divEmail");
	if(document.getElementById("email").value == "")
	{
		//alert('no email');
		var divText = '<input type="text" name="Email" id="email" size="17" class="form" style="border-color:#CC0000; border-style:double" onFocus="javascript:validateP();" /><br /><font color="#CC0000">Please enter your Email </font><br />';
		div.innerHTML = divText;
	}
	else
	{
		var val = document.getElementById("email").value;
		var divText ='<input type="text" name="Email" id="email" size="17" class="form" value="' + val + '" onFocus="javascript:validateP();" /><br />' ;
		div.innerHTML = divText ;
	}
	validateP();	
}

function numbersonly(myfield, e)
{
	var key;
	var keychar;
	if (window.event)
		key = window.event.keyCode;
	else if (e)
   		key = e.which;
	else
   		return true;
	keychar = String.fromCharCode(key);

	// control keys
	if ((key==null) || (key==0) || (key==8) || (key==9) || (key==13) || (key==27) )
		return true;
	// numbers
	else if ((("0123456789").indexOf(keychar) > -1))
   		return true;
	else
   		return false;
}
