// JavaScript Document
function validateName()
{
	//alert('enter validate name');
	var div = document.getElementById("divName");
	if(document.getElementById("Name").value == "")
	{
		//alert('no name');
		var divText = '<input name="Name" type="text" class="submit" id="Name" size="20" style="border-color:#CC0000; border-style:double" /><font color="#CC0000" />Please enter your Name </font>';
		div.innerHTML = divText ;
	}
	else
	{ 
		var val = document.getElementById("Name").value;
		var divText = '<input name="Name" type="text" class="submit" id="Name" size="20" value="' + val + '" />';
		div.innerHTML = divText ;
	} 
}


function validatePhone()
{
	//alert('enter validate phone');
	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="submit" maxlength="3" size="3" value="' + area + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.AreaCode, event);" onFocus="javascript:validateName();" />';
		divText += '<input type="text" id="Phone1" name="Phone1" class="submit" maxlength="3" size="3" value="' + p1 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone1, event);" onFocus="javascript:validateName();" />';
		divText += '<input type="text" id="Phone2" name="Phone2" class="submit" maxlength="4" size="3" value="' + p2 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone2, event);" onFocus="javascript:validateName();" />';
		divText += '<br /><font color="#CC0000">Please enter your Phone </font>';
		//alert(divText);
		div.innerHTML = divText;
	}
	else
	{
		var divText = '<input type="text" id="AreaCode" name="AreaCode" class="submit" maxlength="3" size="3" value="' + area + '" onKeyPress="javascript: return numbersonly(form1.AreaCode, event);" onFocus="javascript:validateName();" />';
		divText += '<input type="text" id="Phone1" name="Phone1" class="submit" maxlength="3" size="3" value="' + p1 + '" onKeyPress="javascript: return numbersonly(form1.Phone1, event);" onFocus="javascript:validateName();" />';
		divText += '<input type="text" id="Phone2" name="Phone2" class="submit" maxlength="4" size="3" value="' + p2 + '" onKeyPress="javascript: return numbersonly(form1.Phone2, event);" onFocus="javascript:validateName();" />';
		div.innerHTML = divText ;
	}
	validateName();
}  


function validateEmail()
{
	var div = document.getElementById("divEmail");
	if(document.getElementById("email").value == "")
	{
		var divText = '<input type="text" name="email" id="email" size="20" class="submit" style="border-color:#CC0000; border-style:double" onFocus="javascript:validatePhone();" /><font color="#CC0000">Please enter your Email </font>';
		div.innerHTML = divText;
	}
	else
	{
		var val = document.getElementById("email").value;
		var divText ='<input type="text" name="email" id="email" size="20" class="submit" value="' + val + '" onFocus="javascript:validatePhone();" />' ;
		div.innerHTML = divText ;
	}
	validatePhone();	
}

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;
}


function processForm()
{
	//alert('enter validate all');
	if(document.getElementById("email").value == "")
	{ //alert('email is blank');
	validateEmail(); return false; }
	else if ( (document.getElementById("AreaCode").value == "") || (document.getElementById("Phone1").value == "") || (document.getElementById("Phone2").value == "") )
	{ //alert('phone is blank'); 
	validatePhone(); return false; }
	else if(document.getElementById("Name").value == "")
	{  //alert('name is blank'); 
	validateName(); return false; 
	}
	else if(document.getElementById("company").value == "" )
	{
		var div = document.getElementById("divCo");
		var divText = '<input name="company" type="text" class="submit" id="company" size="20" style="border-color:#CC0000; border-style:double" onFocus="javascript:validateEmail();" /><font color="#CC0000">Please enter your Company. </font>';
		div.innerHTML = divText;
		return false; 	
	}
	else
	{
		var div = document.getElementById("divCo");
		var value = document.getElementById("company").value;
		var divText = '<input name="company" type="text" class="submit" id="company" value="' + value +'" size="20" onFocus="javascript:validateEmail();" />';
		div.innerHTML = divText;
		
		if(isNaN(document.getElementById("AreaCode").value))
		{ 
			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="submit" maxlength="3" size="3" value="' + area + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.AreaCode, event);"  onFocus="javascript:validateName();" />';
			divText += '<input type="text" id="Phone1" name="Phone1" class="submit" maxlength="3" size="3" value="' + p1 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone1, event);" onFocus="javascript:validateName();" />';
			divText += '<input type="text" id="Phone2" name="Phone2" class="submit" maxlength="4" size="3" value="' + p2 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone2, event);" onFocus="javascript:validateName();" />';
			divText += '<br /><font color="#CC0000">Please check your Phone </font><br />';
			//alert(divText);
			div.innerHTML = divText;
			return false; 
		}
		
		if((document.getElementById("AreaCode").value).length < 3 )
		{ 
			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="submit" maxlength="3" size="3" value="' + area + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.AreaCode, event);"  onFocus="javascript:validateName();" />';
			divText += '<input type="text" id="Phone1" name="Phone1" class="submit" maxlength="3" size="3" value="' + p1 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone1, event);" onFocus="javascript:validateName();" />';
			divText += '<input type="text" id="Phone2" name="Phone2" class="submit" maxlength="4" size="3" value="' + p2 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone2, event);" onFocus="javascript:validateName();" />';
			divText += '<br /><font color="#CC0000">Please check your Phone </font><br />';
			//alert(divText);
			div.innerHTML = divText;
			return false; 
		}
		
		if(isNaN(document.getElementById("Phone1").value))
		{ 
			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="submit" maxlength="3" size="3" value="' + area + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.AreaCode, event);"  onFocus="javascript:validateName();" />';
			divText += '<input type="text" id="Phone1" name="Phone1" class="submit" maxlength="3" size="3" value="' + p1 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone1, event);" onFocus="javascript:validateName();" />';
			divText += '<input type="text" id="Phone2" name="Phone2" class="submit" maxlength="4" size="3" value="' + p2 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone2, event);" onFocus="javascript:validateName();" />';
			divText += '<br /><font color="#CC0000">Please check your Phone </font>';
			div.innerHTML = divText;
			return false; 
		}
		if((document.getElementById("Phone1").value).length < 3)
		{ 
			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="submit" maxlength="3" size="3" value="' + area + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.AreaCode, event);"  onFocus="javascript:validateName();" />';
			divText += '<input type="text" id="Phone1" name="Phone1" class="submit" maxlength="3" size="3" value="' + p1 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone1, event);" onFocus="javascript:validateName();" />';
			divText += '<input type="text" id="Phone2" name="Phone2" class="submit" maxlength="4" size="3" value="' + p2 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone2, event);" onFocus="javascript:validateName();" />';
			divText += '<br /><font color="#CC0000">Please check your Phone </font>';
			div.innerHTML = divText;
			return false; 
		}
		
		if(isNaN(document.getElementById("Phone2").value))
		{ 
			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="submit" maxlength="3" size="3" value="' + area + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.AreaCode, event);"  onFocus="javascript:validateName();" />';
			divText += '<input type="text" id="Phone1" name="Phone1" class="submit" maxlength="3" size="3" value="' + p1 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone1, event);" onFocus="javascript:validateName();" />';
			divText += '<input type="text" id="Phone2" name="Phone2" class="submit" maxlength="4" size="3" value="' + p2 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone2, event);" onFocus="javascript:validateName();" />';
			divText += '<br /><font color="#CC0000">Please check your Phone </font>';
			div.innerHTML = divText;
			return false; 
		}
		if((document.getElementById("Phone2").value).length < 4)
		{ 
			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="submit" maxlength="3" size="3" value="' + area + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.AreaCode, event);"  onFocus="javascript:validateName();" />';
			divText += '<input type="text" id="Phone1" name="Phone1" class="submit" maxlength="3" size="3" value="' + p1 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone1, event);" onFocus="javascript:validateName();" />';
			divText += '<input type="text" id="Phone2" name="Phone2" class="submit" maxlength="4" size="3" value="' + p2 + '" style="border-color:#CC0000; border-style:double" onKeyPress="javascript: return numbersonly(form1.Phone2, event);" onFocus="javascript:validateName();" />';
			divText += '<br /><font color="#CC0000">Please check your Phone </font>';
			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="submit" maxlength="3" size="3" value="' + area + '" onKeyPress="javascript: return numbersonly(form1.AreaCode, event);"  onFocus="javascript:validateName();" />';
		divText += '<input type="text" id="Phone1" name="Phone1" class="submit" maxlength="3" size="3" value="' + p1 + '" onKeyPress="javascript: return numbersonly(form1.Phone1, event);" onFocus="javascript:validateName();" />';
		divText += '<input type="text" id="Phone2" name="Phone2" class="submit" maxlength="4" size="3" value="' + p2 + '" onKeyPress="javascript: return numbersonly(form1.Phone2, event);" onFocus="javascript:validateName();" />';
		div.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="20" class="submit" onFocus="javascript:validatePhone();" value="' + value + '" style="border-color:#CC0000; border-style:double" /><font color="#CC0000">Please check your email address!</font>';
				div.innerHTML = divText;
				document.getElementById("email").focus();
				return false;
		}
		else if (value.indexOf(" ")>-1)
		{
			var divText = '<input type="text" name="email" id="email" size="20" class="submit" onFocus="javascript:validatePhone();" value="' + value + '" style="border-color:#CC0000; border-style:double" /><font color="#CC0000">Please check your email address!</font>';
			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("leadform");
							div.innerHTML = '<div align="center" style="margin-top:75px;color:#CC0000">  Thanks for contacting ... </div>';
							$('form1').reset();
						}
						else
						{ alert(transport.responseText); }
					 }
				});
			return false;
		}

		}	  
}//function end