function SaveServiceArea()	
	{			
		var ValidationServiceArea = ServiceAreaValidation();
		if(ValidationServiceArea == true)
		{
			//Get All control
			var hServiceArea = document.getElementById("hServiceArea");
			var txtAreaName = document.getElementById("txtAreaName");
			var txtCompanyWebsite = document.getElementById("txtCompanyWebsite");
			var txtFirstName = document.getElementById("txtFirstName");
			var txtLastName = document.getElementById("txtLastName");
			var txtEmail = document.getElementById("txtEmail");
			var txtAddress1 = document.getElementById("txtAddress1");
			var txtAddress2 = document.getElementById("txtAddress2");
			var txtPhone = document.getElementById("txtPhone");
			var txtCity = document.getElementById("txtCity");
			var txtZipCode = document.getElementById("txtZipCodeSA");		
			var ddlCountrySA = document.getElementById("ddlCountrySA");
			var ddlStartOperations = document.getElementById("ddlStartOperations");
			var ddlEndOperations = document.getElementById("ddlEndOperations");
			var ddlTimeZone = document.getElementById("ddlTimeZone");
			
			var StateValue = "";
			//if not united state then don't show the State list but show the text to input their state/province
			if(ddlCountrySA.options[ddlCountrySA.selectedIndex].value != "United States")
			{
				var txtStateSA = document.getElementById("txtStateSA");
				StateValue = txtStateSA.value + ",-1";
			}
			else
			{
				var ddlStateSA = document.getElementById("ddlStateSA");
				StateValue = ddlStateSA.options[ddlStateSA.selectedIndex].value + "," + ddlStateSA.selectedIndex;
			}
			
			//Save All value to Temp String
			var TempServiceArea = txtAreaName.value + "#" + txtCompanyWebsite.value + "#" + txtFirstName.value + "#" + txtLastName.value + "#" + txtEmail.value + "#" + 
						    txtAddress1.value + "#" + txtAddress2.value + "#" + txtPhone.value + "#" + txtCity.value + "#" + txtZipCode.value + "#" + StateValue + "#" +
						    ddlCountrySA.options[ddlCountrySA.selectedIndex].value + "," + ddlCountrySA.selectedIndex + "#" + 
						    ddlStartOperations.options[ddlStartOperations.selectedIndex].value + "," + ddlStartOperations.selectedIndex + "#" + 
						    ddlEndOperations.options[ddlEndOperations.selectedIndex].value + "," + ddlEndOperations.selectedIndex + "#" +
						    ddlTimeZone.options[ddlTimeZone.selectedIndex].value + "," + ddlTimeZone.selectedIndex + "," + ddlTimeZone.options[ddlTimeZone.selectedIndex].innerHTML;
			
			//Save value on string to Hidden Input
			//if Hidden Input Doesn't have value then don't give the delimite otherwise give delimiter "^"
			if(hServiceArea.value != "" && hServiceArea.value != null)
				hServiceArea.value += "^" + TempServiceArea;
			else
				hServiceArea.value += TempServiceArea;
			
			//~ //If on Page Service Area then Check the Button Add More
			//~ btnAddMore();
			
			//Get SpanId for Render ServiceAreaList
			var SpanId = document.getElementById("ServiceAreaList");
			
			//Show All Service Area Table
			SpanId.innerHTML = CreateServiceAreaTable2("SA");
			
			//Clear value on control
			ClearServiceAreaValue();
		}
	}
	
	function ShowServiceArea()
	{
		//Get SpanId for Render ServiceAreaList
		var SpanId = document.getElementById("ServiceAreaList");
		
		//Check to The Last Control if null it's mean the all control not yet Rendered otherwise the control is rendered and bind data to that control
		//Content Not yet Rendered
		if(SpanId == null)
		{
			setTimeout("ShowServiceArea();", 300);
		}
		//Content Rendered
		else
		{			
			//Show All Service Area Table
			SpanId.innerHTML = CreateServiceAreaTable2("SA");
			//~ CreateServiceAreaTable();
		}
	}
	
	function CreateServiceAreaTable()
	{
		var hServiceAreaList = document.getElementById("hServiceArea");
		var CurIndexSAList = 0;
		var ServiceAreaTable = "<table id=\"tblServiceArea\" cellspacing=\"0\" width=\"100%\">";				
		var SAList = hServiceAreaList.value.split("^");				
		var RoundedSAList = Math.round(SAList.length / 2);
		
		//Get SpanId for Render ServiceAreaList
		var SpanId = document.getElementById("ServiceAreaList");

		
		if(hServiceAreaList.value == "")
			RoundedSAList = 0;
		
		for(var i = 0; i < RoundedSAList; i++)
		{
			//Split Service Area Information
			var SAInfo = SAList[CurIndexSAList].split("#");
			var Country = SAInfo[11].split(",");
			var State = SAInfo[10].split(",");
			var StartOperations = SAInfo[12].split(",");
			var EndOperations = SAInfo[13].split(",");
			var TimeZone = SAInfo[14].split(",");
			
			ServiceAreaTable += "<tr>" +
							//Column 1
							"<td class=\"tblServiceAreaTDLeft\">" +
								"<div id=\"btnEditNRemoveSA\">" +
									"<a href=\"javascript:btnEditServiceArea('" + CurIndexSAList + "');\">Edit</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + 
									"<a href=\"javascript:btnRemoveServiceArea('" + CurIndexSAList + "');\">Remove</a>" +
								"</div>" +
								"<table>" +
									"<tr>" +
										"<td colspan=\"2\" style=\"text-align:right;\">" + 
											
										"</td>" +										
									"</tr>" +
									"<tr>" +
										//Area Name
										"<td>" + SAInfo[0] + "</td>" +
										//First Name
										"<td>" + SAInfo[2] + "</td>" +
									"</tr>" +
									"<tr>" +
										//Company Website
										"<td>" + SAInfo[1] + "</td>" +
										//Last Name
										"<td>" + SAInfo[3] + "</td>" +
									"</tr>" +
									"<tr>" +
										//Address1
										"<td>" + SAInfo[5] + "</td>" +
										//Email
										"<td>" + SAInfo[4] + "</td>" +
									"</tr>" +
									"<tr>" +
										//Address2
										"<td>" + SAInfo[6] + "</td>" +
										//Phone
										"<td>" + SAInfo[7] + "</td>" +
									"</tr>" +
									"<tr>" +
										//City
										"<td>" + SAInfo[8] + "</td>" +
										"<td></td>" +
									"</tr>" +
									"<tr>" +
										//Zip Code
										"<td>" + SAInfo[9] + "</td>" +
										"<td></td>" +
									"</tr>" +
									"<tr>" +
										//State
										"<td>" + State[0] + "</td>" +
										"<td></td>" +
									"</tr>" +
									"<tr>" +
										//Country
										"<td>" + Country[0] + "</td>" +
										"<td></td>" +
									"</tr>" +
									"<tr>" +
										//Start Operations
										"<td>" + StartOperations[0] + "</td>" +
										"<td></td>" +
									"</tr>" +
									"<tr>" +
										//End Operations
										"<td>" + EndOperations[0] + "</td>" +
										"<td></td>" +
									"</tr>" +
									"<tr>" +
										//Time Zone
										"<td>" + TimeZone[2] + "</td>" +
										"<td></td>" +
									"</tr>" +									
								"</table>" +
							"</td>";
			
				//Column Two
				ServiceAreaTable += "<td class=\"tblServiceAreaTDRight\">";
				
				//Increase 1 to Current Index it's mean to next value of split
				CurIndexSAList += 1;						
				
				if(SAList[CurIndexSAList] != "" && SAList[CurIndexSAList] != null)
				{
					//Split Service Area Information
					SAInfo = SAList[CurIndexSAList].split("#");
					Country = SAInfo[11].split(",");
					State = SAInfo[10].split(",");
					StartOperations = SAInfo[12].split(",");
					EndOperations = SAInfo[13].split(",");
					TimeZone = SAInfo[14].split(",");
					
					ServiceAreaTable += "<div id=\"btnEditNRemoveSA\">" +
										"<a href=\"javascript:btnEditServiceArea('" + CurIndexSAList + "');\">Edit</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + 
										"<a href=\"javascript:btnRemoveServiceArea('" + CurIndexSAList + "');\">Remove</a>" +
									"</div>";
					
					ServiceAreaTable += "<table>" +										
										"<tr>" +
											//Area Name
											"<td>" + SAInfo[0] + "</td>" +
											//First Name
											"<td>" + SAInfo[2] + "</td>" +
										"</tr>" +
										"<tr>" +
											//Company Website
											"<td>" + SAInfo[1] + "</td>" +
											//Last Name
											"<td>" + SAInfo[3] + "</td>" +
										"</tr>" +
										"<tr>" +
											//Address1
											"<td>" + SAInfo[5] + "</td>" +
											//Email
											"<td>" + SAInfo[4] + "</td>" +
										"</tr>" +
										"<tr>" +
											//Address2
											"<td>" + SAInfo[6] + "</td>" +
											//Phone
											"<td>" + SAInfo[7] + "</td>" +
										"</tr>" +
										"<tr>" +
											//City
											"<td>" + SAInfo[8] + "</td>" +
											"<td></td>" +
										"</tr>" +
										"<tr>" +
											//Zip Code
											"<td>" + SAInfo[9] + "</td>" +
											"<td></td>" +
										"</tr>" +
										"<tr>" +
											//State
											"<td>" + State[0] + "</td>" +
											"<td></td>" +
										"</tr>" +
										"<tr>" +
											//Country
											"<td>" + Country[0] + "</td>" +
											"<td></td>" +
										"</tr>" +
										"<tr>" +
											//Start Operations
											"<td>" + StartOperations[0] + "</td>" +
											"<td></td>" +
										"</tr>" +
										"<tr>" +
											//End Operations
											"<td>" + EndOperations[0] + "</td>" +
											"<td></td>" +
										"</tr>" +
										"<tr>" +
											//Time Zone
											"<td>" + TimeZone[2] + "</td>" +
											"<td></td>" +
										"</tr>" +
									"</table>";
				}
				
				ServiceAreaTable += "</td>";
			
			ServiceAreaTable += "</tr>";
			
			//Increase 1 to Current Index it's mean to next value of split
			CurIndexSAList += 1;
		}
		
		ServiceAreaTable += "</table>";
		
		//Render All Table with their value
		SpanId.innerHTML = ServiceAreaTable;
	}
	
	function CreateServiceAreaTable2(Type)
	{
		var hServiceAreaList = document.getElementById("hServiceArea");	
		var ServiceAreaTable = "";
		var SAList = hServiceAreaList.value.split("^");
		var SAListLength = 0;
		
		//Get SpanId for Render ServiceAreaList
		var SpanId = document.getElementById("ServiceAreaList");
		var EditAndRemove = "";		
		
		if(hServiceAreaList.value != "")
			SAListLength = SAList.length;
			
		
		for(var i = 0; i < SAListLength; i++)
		{			
			//Split Service Area Information
			var SAInfo = SAList[i].split("#");
			var Country = SAInfo[11].split(",");
			var State = SAInfo[10].split(",");
			var StartOperations = SAInfo[12].split(",");
			var EndOperations = SAInfo[13].split(",");
			var TimeZone = SAInfo[14].split(",");
			
			if(Type == "SA")	
				EditAndRemove = "<div id=\"btnEditNRemoveSA\">" +
									"<a href=\"javascript:btnEditServiceArea('" + i + "');\">Edit</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + 
									"<a href=\"javascript:btnRemoveServiceArea('" + i + "');\">Remove</a>" +
							   "</div>";
			
			ServiceAreaTable += EditAndRemove +
							"<br/><table id=\"tblServiceArea\" cellspacing=\"0\" width=\"100%\">" +
								"<tr>" +
								
									"<td class=\"tblTdSALeft\">" +
										"<table>" +
											"<tr>" +
												//Area Name
												"<td>" + DecodeTag(SAInfo[0]) + "</td>" +
											"</tr>" +
											"<tr>" +
												//Company Website
												"<td>" + DecodeTag(SAInfo[1]) + "</td>" +
											"</tr>" +
											"<tr>" +
												//Address1
												"<td>" + DecodeTag(SAInfo[5]) + "</td>" +
											"</tr>" +
											"<tr>" +
												//Address2
												"<td>" + DecodeTag(SAInfo[6]) + "</td>" +
											"</tr>" +
											"<tr>" +
												//City, State, Zip Code
												"<td>" + DecodeTag(SAInfo[8]) + " " + DecodeTag(State[0]) + " " + DecodeTag(SAInfo[9]) + "</td>" +
											"</tr>" +										
											"<tr>" +
												//Country
												"<td>" + Country[0] + "</td>" +
											"</tr>" +
											"<tr>" +
												//Start Operations - End Operations
												"<td>M-F: " + StartOperations[0] + " - " + EndOperations[0] + "</td>" +
											"</tr>" +
											"<tr>" +
												//Time Zone
												"<td>Time Zone: " + TimeZone[2] + "</td>" +
											"</tr>" +
										"</table>" +
									"</td>" +
									
									"<td class=\"tblTdSARight\">" +
										"<div id=\"CIandSO\">" +
											"<h5>Contact Information</h5>" +
											"<table>" +
												"<tr>" +
													//First Name and Last Name
													"<td>" + DecodeTag(SAInfo[2])  + " " + DecodeTag(SAInfo[3]) + "</td>" +
												"</tr>" +
												"<tr>" +
													//Email
													"<td>" + DecodeTag(SAInfo[4]) + "</td>" +
												"</tr>" +
												"<tr>" +
													//Phone
													"<td>" + DecodeTag(SAInfo[7]) + "</td>" +
												"</tr>" +
											"</table>" +
										"</div>" +
									"</td>" +
									
								"</tr>" +
							"</table><br/>";	
		}
		
		return ServiceAreaTable;
	}
	
	//Function Update data on Service Area
	function btnUpdateServiceArea(id)
	{
		//Get The Button Add More and Button Update 
		var btnAddMore = document.getElementById("btnAddMore");
		var btnUpdate = document.getElementById(id);
		//Get Index of Service Area Edited
		var SAIndex = btnUpdate.name;
		//Get Input Hidden Service Area Object
		var hServiceArea = document.getElementById("hServiceArea");
		//Get All Service Area List
		var SAList = hServiceArea.value.split("^");
		
		//Temporary value before save to Input Hidden
		var TempSAList = "";
		
		//Get All control		
		var txtAreaName = document.getElementById("txtAreaName");
		var txtCompanyWebsite = document.getElementById("txtCompanyWebsite");
		var txtFirstName = document.getElementById("txtFirstName");
		var txtLastName = document.getElementById("txtLastName");
		var txtEmail = document.getElementById("txtEmail");
		var txtAddress1 = document.getElementById("txtAddress1");
		var txtAddress2 = document.getElementById("txtAddress2");
		var txtPhone = document.getElementById("txtPhone");
		var txtCity = document.getElementById("txtCity");
		var txtZipCode = document.getElementById("txtZipCodeSA");		
		var ddlCountrySA = document.getElementById("ddlCountrySA");
		var ddlStartOperations = document.getElementById("ddlStartOperations");
		var ddlEndOperations = document.getElementById("ddlEndOperations");
		var ddlTimeZone = document.getElementById("ddlTimeZone");
		
		var StateValue = "";
		//if not united state then don't show the State list but show the text to input their state/province
		if(ddlCountrySA.options[ddlCountrySA.selectedIndex].value != "United States")
		{
			var txtStateSA = document.getElementById("txtStateSA");
			StateValue = txtStateSA.value + ",-1";
		}
		else
		{
			var ddlStateSA = document.getElementById("ddlStateSA");
			StateValue = ddlStateSA.options[ddlStateSA.selectedIndex].value + "," + ddlStateSA.selectedIndex;
		}
			
		//Find data Edited, if index not same with index data edited, save old data directly to Temp value otherwise change old data with new data from the input
		for(var i = 0; i < SAList.length; i++)
		{
			if(i != SAIndex)
				TempSAList += SAList[i] + "^";
			else
				TempSAList += txtAreaName.value + "#" + txtCompanyWebsite.value + "#" + txtFirstName.value + "#" + txtLastName.value + "#" + txtEmail.value + "#" + 
						  txtAddress1.value + "#" + txtAddress2.value + "#" + txtPhone.value + "#" + txtCity.value + "#" + txtZipCode.value + "#" + StateValue + "#" +
						  ddlCountrySA.options[ddlCountrySA.selectedIndex].value + "," + ddlCountrySA.selectedIndex + "#" +
						  ddlStartOperations.options[ddlStartOperations.selectedIndex].value + "," + ddlStartOperations.selectedIndex + "#" + 
						  ddlEndOperations.options[ddlEndOperations.selectedIndex].value + "," + ddlEndOperations.selectedIndex + "#" +
						  ddlTimeZone.options[ddlTimeZone.selectedIndex].value + "," + ddlTimeZone.selectedIndex + "," + ddlTimeZone.options[ddlTimeZone.selectedIndex].innerHTML + "^";
		}
		
		// Remove Delimiter "@" to end of string
		TempSAList = TempSAList.substring(0, TempSAList.length - 1);
		//Save all New value to Input Hidden
		hServiceArea.value = TempSAList;
		//Get SpanId for Render ServiceAreaList
		var SpanId = document.getElementById("ServiceAreaList");
		
		//Show All Service Area Table
		SpanId.innerHTML = CreateServiceAreaTable2("SA");
		
		//Show Button Add More
		btnAddMore.style.display = "";
		//Hide Button Update
		btnUpdate.style.display = "none";
		//Clear Value
		ClearServiceAreaValue();
	}	
	
	//Function to Edit selected data Service Area
	function btnEditServiceArea(id)
	{		
		//Get Input Hidden Service Area Object
		var hServiceArea = document.getElementById("hServiceArea");
		
		//~ //Get BtnEdit Object
		//~ var btnEditId = document.getElementById(id);
		//~ //Get Id of BtnEdit Object
		//~ var SAIndex = btnEditId.id;
		//~ //Get Index for Get value on Input Hidden Object
		//~ SAIndex = SAIndex.substring(SAIndex.length - 1, SAIndex.length);	
		
		//Service Area Index
		var SAIndex = id;
		
		//Get All List of Service Area
		var SAList = hServiceArea.value.split("^");				
		//Get Specific ServiceArea information				
		var DetailSA = SAList[SAIndex].split("#");				
		
		//Get All control				
		var txtAreaName = document.getElementById("txtAreaName");
		var txtCompanyWebsite = document.getElementById("txtCompanyWebsite");
		var txtFirstName = document.getElementById("txtFirstName");
		var txtLastName = document.getElementById("txtLastName");
		var txtEmail = document.getElementById("txtEmail");
		var txtAddress1 = document.getElementById("txtAddress1");
		var txtAddress2 = document.getElementById("txtAddress2");
		var txtPhone = document.getElementById("txtPhone");
		var txtCity = document.getElementById("txtCity");
		var txtZipCode = document.getElementById("txtZipCodeSA");		
		var ddlCountrySA = document.getElementById("ddlCountrySA");
		var ddlStartOperations = document.getElementById("ddlStartOperations");
		var ddlEndOperations = document.getElementById("ddlEndOperations");
		var ddlTimeZone = document.getElementById("ddlTimeZone");
		
		//Get the Selected Index		
		var StateIndex = DetailSA[10].split(",");
		var CountryIndex = DetailSA[11].split(",");
		var StartOperationsIndex = DetailSA[12].split(",");
		var EndOperationsIndex = DetailSA[13].split(",");
		var TimeZoneIndex = DetailSA[14].split(",");
		
		var txtStateSA = document.getElementById("txtStateSA");
		var ddlStateSA = document.getElementById("ddlStateSA");
		//Hide list state of United States
		if(CountryIndex[0] != "United States")
		{
			txtStateSA.value = StateIndex[0];
			txtStateSA.style.display = "";
			ddlStateSA.style.display ="none";
		}
		//Show list state
		else
		{
			ddlStateSA.selectedIndex = StateIndex[1];
			txtStateSA.style.display = "none";
			ddlStateSA.style.display ="";
		}		
		
		txtAreaName.value = DetailSA[0];
		txtCompanyWebsite.value = DetailSA[1];
		txtFirstName.value = DetailSA[2];
		txtLastName.value = DetailSA[3];
		txtEmail.value = DetailSA[4];
		txtAddress1.value = DetailSA[5];
		txtAddress2.value = DetailSA[6];
		txtPhone.value = DetailSA[7];
		txtCity.value = DetailSA[8];
		txtZipCode.value = DetailSA[9];		
		ddlCountrySA.selectedIndex = CountryIndex[1];
		ddlStartOperations.selectedIndex = StartOperationsIndex[1];
		ddlEndOperations.selectedIndex = EndOperationsIndex[1];
		ddlTimeZone.selectedIndex = TimeZoneIndex[1];
		
		//Get The Button Add More and Button Update 
		var btnAddMore = document.getElementById("btnAddMore");
		var btnUpdate = document.getElementById("btnUpdate");
		//Hide btnAddMore
		btnAddMore.style.display = "none";
		//Show btnUpdate
		btnUpdate.style.display = "";
		btnUpdate.name = SAIndex;
	}
	
	//Function To Remove Selected Service Area
	function btnRemoveServiceArea(id)
	{		
		//Get Input Hidden Service Area Object
		var hServiceArea = document.getElementById("hServiceArea");
		
		//~ //Get BtnRemove Object
		//~ var btnRemoveId = document.getElementById(id);
		//~ //Get Id of BtnRemove Object
		//~ var SAIndex = btnRemoveId.id;
		//~ //Get Index for Get value on Input Hidden Object
		//~ SAIndex = SAIndex.substring(SAIndex.length - 1, SAIndex.length);
		
		//Service Area Index
		var SAIndex = id;
		
		//Get All List of Service Area
		var SAList = hServiceArea.value.split("^");
	
		//Temporary value before save to Input Hidden
		var TempSAList = "";
		
		//Find data to be removed, if index not same with index data will be remove, save data to Temp value otherwise don't save the data
		for(var i = 0; i < SAList.length; i++)
		{				
			if(i != SAIndex)
				TempSAList += SAList[i] + "^";
		}
		
		
		if(TempSAList != "")
			// Remove Delimiter "@" to end of string
			TempSAList = TempSAList.substring(0, TempSAList.length - 1);
			
		//Save all New value to Input Hidden
		hServiceArea.value = TempSAList;	
		
		//Get SpanId for Render ServiceAreaList
		var SpanId = document.getElementById("ServiceAreaList");
		
		//Show All Service Area Table
		SpanId.innerHTML = CreateServiceAreaTable2("SA");
	}
	
	function btnAddMore()
	{
		//Get Hidden Input value
		var hServiceArea = document.getElementById("hServiceArea");
		var btnAddMore = document.getElementById("btnAddMore");
		
		if(btnAddMore == null)
		{
			setTimeout("btnAddMore();", 300);
		}
		//Content Rendered
		else
		{
			//Check if Hidden Input There is a value and Change the Button add more value to "Add More" or "Add"
			if(hServiceArea.value != "" && hServiceArea.value != null)
				btnAddMore.value = "Add More";
			else
				btnAddMore.value = "Add";
		}
	}
	
	//Clear Value Control on Service Area when add new service area
	function ClearServiceAreaValue()
	{
		var txtAreaName = document.getElementById("txtAreaName");
		var txtCompanyWebsite = document.getElementById("txtCompanyWebsite");
		var txtFirstName = document.getElementById("txtFirstName");
		var txtLastName = document.getElementById("txtLastName");
		var txtEmail = document.getElementById("txtEmail");
		var txtAddress1 = document.getElementById("txtAddress1");
		var txtAddress2 = document.getElementById("txtAddress2");
		var txtPhone = document.getElementById("txtPhone");
		var txtCity = document.getElementById("txtCity");
		var txtZipCode = document.getElementById("txtZipCodeSA");
		var ddlStateSA = document.getElementById("ddlStateSA");
		var txtStateSA = document.getElementById("txtStateSA");
		var ddlCountrySA = document.getElementById("ddlCountrySA");
		var ddlStartOperations = document.getElementById("ddlStartOperations");
		var ddlEndOperations = document.getElementById("ddlEndOperations");
		var ddlTimeZone = document.getElementById("ddlTimeZone");
		
		//Hide validation Star
		document.getElementById("vtxtAreaName").style.display = "none";
		document.getElementById("vtxtCompanyWebsite").style.display = "none";
		document.getElementById("vtxtAddress1").style.display = "none";
		document.getElementById("vtxtCity").style.display = "none";
		document.getElementById("vtxtZipCodeSA").style.display = "none";
		document.getElementById("vtxtFirstName").style.display = "none";
		document.getElementById("vtxtLastName").style.display = "none";
		document.getElementById("vtxtEmail").style.display = "none";
		document.getElementById("vtxtPhone").style.display = "none";
		
			
		//Set default selected value on United States
		for(var i = 0 ; i < ddlCountrySA.length; i++)
		{
			if(ddlCountrySA.options[i].value == "United States")
				ddlCountrySA.selectedIndex = i;
		}
		
		ddlStateSA.style.display = "";
		//Set Default Selected value on CA
		for(var i = 0; i < ddlStateSA.length; i++)
		{
			if(ddlStateSA.options[i].value == "CA")
				ddlStateSA.selectedIndex = i;
		}
		
		txtStateSA.value = "";
		txtStateSA.style.display = "none";
		
		txtAreaName.value = "";
		txtCompanyWebsite.value = "";
		txtFirstName.value = "";
		txtLastName.value = "";
		txtEmail.value = "";
		txtAddress1.value = "";
		txtAddress2.value = "";
		txtPhone.value = "";
		txtCity.value = "";
		txtZipCode.value = "";		
		ddlStartOperations.selectedIndex = 11;
		ddlEndOperations.selectedIndex = 23;
		ddlTimeZone.selectedIndex = 0;
		
		//Get The Button Add More and Button Update 
		var btnAddMore = document.getElementById("btnAddMore");
		var btnUpdate = document.getElementById("btnUpdate");
		//Hide btnAddMore
		btnAddMore.style.display = "";
		//Show btnUpdate
		btnUpdate.style.display = "none";
		btnUpdate.name = "";
	}
	
	function ChangeStateSA(id)
	{
		//Get Dropdown object of Country list
		var ddlCountrySA = document.getElementById(id);
		//Get Dropdow object of State list
		var ddlStateSA = document.getElementById("ddlStateSA");
		//Get Text object of State
		var txtStateSA = document.getElementById("txtStateSA");
		
		//if not united state then don't show the State list but show the text to input their state/province
		if(ddlCountrySA.options[ddlCountrySA.selectedIndex].value != "United States")
		{
			//Hide State List
			ddlStateSA.style.display = "none";
			//Show Textbox to input state/province
			txtStateSA.style.display = "";
		}	
		else
		{
			//Show State List
			ddlStateSA.style.display = "";
			//Hide Textbox to input state/province
			txtStateSA.style.display = "none";
		}				
	}
	
	function ServiceAreaValidation()
	{
		//Statue Check
		var ServiceAreaValidation = false;
		var vAreaName = false;
		//~ var vCompanyWebsite = false;
		var vAddress1 = false;
		var vCity = false;
		var vZipCode = false;
		//~ var vFirstName = false;
		//~ var vLastName = false;
		//~ var vEmail = false;
		//~ var vPhone = false;		
		
		//Get All object to be check the value
		var sIndicates = document.getElementById("sIndicates");
		var txtAreaName = document.getElementById("txtAreaName");
		//~ var txtCompanyWebsite = document.getElementById("txtCompanyWebsite");
		var txtAddress1 = document.getElementById("txtAddress1");
		var txtCity = document.getElementById("txtCity");
		var txtZipCodeSA = document.getElementById("txtZipCodeSA");
		//~ var txtFirstName = document.getElementById("txtFirstName");
		//~ var txtLastName = document.getElementById("txtLastName");
		//~ var txtEmail = document.getElementById("txtEmail");
		//~ var txtPhone = document.getElementById("txtPhone");
		
		//get object validation star
		var vtxtAreaName = document.getElementById("vtxtAreaName");
		//~ var vtxtCompanyWebsite = document.getElementById("vtxtCompanyWebsite");
		var vtxtAddress1 = document.getElementById("vtxtAddress1");
		var vtxtCity = document.getElementById("vtxtCity");
		var vtxtZipCodeSA = document.getElementById("vtxtZipCodeSA");
		//~ var vtxtFirstName = document.getElementById("vtxtFirstName");
		//~ var vtxtLastName = document.getElementById("vtxtLastName");
		//~ var vtxtEmail = document.getElementById("vtxtEmail");
		//~ var vtxtPhone = document.getElementById("vtxtPhone");
		
		//Check Text Area Name value
		if(txtAreaName.value != null && txtAreaName.value != "")
		{
			vtxtAreaName.style.display = "none";
			vAreaName = true;
		}
		else
		{
			vtxtAreaName.style.display = "";
			vAreaName = false;
		}
		
		//~ //Check Text Company Website value
		//~ if(txtCompanyWebsite.value != null && txtCompanyWebsite.value != "")
		//~ {
			//~ vtxtCompanyWebsite.style.display = "none";
			//~ vCompanyWebsite = true;
		//~ }
		//~ else
		//~ {
			//~ vtxtCompanyWebsite.style.display = "";
			//~ vCompanyWebsite = false;
		//~ }
		
		//Check Text Address1 value
		if(txtAddress1.value != null && txtAddress1.value != "")
		{
			vtxtAddress1.style.display = "none";
			vAddress1 = true;
		}
		else
		{
			vtxtAddress1.style.display = "";
			vAddress1 = false;
		}
		
		//Check Text City value
		if(txtCity.value != null && txtCity.value != "")
		{
			vtxtCity.style.display = "none";
			vCity = true;
		}
		else
		{
			vtxtCity.style.display = "";
			vCity = false;
		}
		
		//Check Text ZipCode value
		if(txtZipCodeSA.value != null && txtZipCodeSA.value != "")
		{
			vtxtZipCodeSA.style.display = "none";
			vZipCode = true;
		}
		else
		{
			vtxtZipCodeSA.style.display = "";
			vZipCode = false;
		}
		
		//~ //Check Text First Name value
		//~ if(txtFirstName.value != null && txtFirstName.value != "")
		//~ {
			//~ vtxtFirstName.style.display = "none";
			//~ vFirstName = true;
		//~ }
		//~ else
		//~ {
			//~ vtxtFirstName.style.display = "";
			//~ vFirstName = false;
		//~ }
		
		//~ //Check Text Last Name value
		//~ if(txtLastName.value != null && txtLastName.value != "")
		//~ {
			//~ vtxtLastName.style.display = "none";
			//~ vLastName = true;
		//~ }
		//~ else
		//~ {
			//~ vtxtLastName.style.display = "";
			//~ vLastName = false;
		//~ }
		
		//~ //Check Email format
		//~ if(PatternEmail.test(txtEmail.value))
		//~ {
			//~ vtxtEmail.style.display = "none";
			//~ vEmail = true;
		//~ }
		//~ else
		//~ {
			//~ vtxtEmail.style.display = "";
			//~ vtxtEmail.innerHTML = "* Invalid email format";
			//~ vEmail = false;
		//~ }
		
		//~ //Check Text Phone value
		//~ if(txtPhone.value != null && txtPhone.value != "")
		//~ {
			//~ vtxtPhone.style.display = "none";
			//~ vPhone = true;
		//~ }
		//~ else
		//~ {
			//~ vtxtPhone.style.display = "";
			//~ vPhone = false;
		//~ }
		
		//Check all control have value or not have value
		if(vAreaName == true && vAddress1 == true && vCity == true && vZipCode == true)
		{
			sIndicates.style.display = "none";
			ServiceAreaValidation = true;
		}
		else
		{
			sIndicates.style.display = "";
			ServiceAreaValidation = false;
		}
		
		return ServiceAreaValidation;
	}