{AJAXCONTENT}
<form method="POST" action="{PHP_SELF}?module={MODULE}&action={FORMACTION}" bgcolor="#FFFFFF" id="theform" name="theform" enctype="multipart/form-data">	
<table cellpadding="0" cellspacing="0" border="0" width="600px" align="center" bgcolor="#FFFFFF">
	<tr bgcolor="#cccccc">
		<td	align="center" height="30px"><FONT  size="2" COLOR="#000099"><B>Professional Details</B></FONT></td>
	</tr>	
	<tr>
		<td>
			<table cellpadding="7" cellspacing="6" border="0" width="100%" bgcolor="FFFFFF" align="center">
				<tr>
					<td class="m10"><B>Organization:<font color="red">*</font></b></td>
					<td><input type="text" name="organization" value="{ORGANIZATIONNAME}" class="texts" style="width:250px" ></td>							
				</tr>
				<tr>
					<td class="m10"><B>Designation:<font color="red">*</font></b></td>
					<td><input type="text" name="designation" value="{DESIGNATION}" class="texts" style="width:250px" ></td>							
				</tr>
				<tr>
					<td class="m10"><B>Address:</b></td>
					<td><textarea rows="2" cols="2" name="address1" class="texts" style="width:250px" >{ADDRESS}</textarea></td>							
				</tr>			
				<tr>
					<td class="m10"><B>Country:</b></td>
					<td><select  name="country" id="country" class="texts" value="{COUNTRY}" style="width:250px" onchange="statechange(this.value);" >{COUNTRYOPTION}</select></td>
				</tr>
				<tr>
					<td class="m10"><B>State:</b></td>
					<td><div id="divstate"><input Disabled type="text" name="state" class="texts" value="{STATE}"style="width:250px" /></div>
					</td>
				</tr>
				<tr>
					<td class="m10"><B>City:</b></td>
					<td><input  type="text" name="city" class="texts" value="{CITY}"style="width:250px" />	</td>
				</tr>
				<tr>
					<td class="m10"><B>Phone Number:</td>
					<td><div id="divcc"><input type="text" style="width:50px" class="texts" name="countrycode1" value="{COUNTRYCODE1}" maxlength="2" size="2"  onkeyup="checklength('citycode1',2,this.name)" />&nbsp;<input type="text" style="width:60px" class="texts" name="citycode1" value="{CITYCODE1}" maxlength="4" size="4"  onkeyup="checklength('pno1',4,this.name)" />&nbsp;<input type="text" style="width:115px" class="texts" name="pno1" value="{PNO1}" maxlength="8" size="8"   />
					</div></td>
				</tr>
				<tr>
					<td align="center" colspan="2"><input class="texts" type="submit" name="save" value="Submit" onclick="return formCheck(theform)"/></td>
				</tr> 
				<input type="hidden" name="userprofessionalinfoid" value="{USERPROFESSIONALINFOID}"/> 
			</table>
		</td>
	</tr>
</table>
<script>
function loadTwo(iframe1URL,iframe2URL)
	{ 
		parent.viewframe.location.href=iframe1URL,
		parent.viewgraph.location.href=iframe2URL 
		} 
	
function checklength(nextfield,chars,currfield) {

  x= document.theform[currfield].value.length
  if (x == chars) {
    eval('document.theform.' + nextfield + '.focus();');
  }

}
	$(function() {
		$('#datepicker').datepicker({
			changeMonth: true,
			changeYear: true
		});
	});

	function checkPassword(theform){
		var pwd1 = theform.rpassword.value;
		var pwd2 =  theform.repassword.value;
		if(pwd1 != null && pwd2 != null){
			if(pwd1 != pwd2){
				
				alert("Both Password are not Match");	
                  
					theform.repassword.value='';
					theform.rpassword.value='';
					theform.rpassword.focus();
				return false;
			}
		}
		return true;
	}

	

	function formCheck(theform) {
	
		alert("xyz");
		updateproffdetails();
		return false;
	}

</script>