{AJAXCONTENT}

<script type="text/javascript" src="{JSDIR}dhtmlgoodies_calendar.js"></script>
		<script type="text/javascript" src="{JSDIR}validation.js"></script>


<table border="0" align="center" cellpadding="5" cellspacing="0" width="100%" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}">
	<tr>
		<td align="center" style="font-family:verdana"><h1>Agency/Contractor Details</h1></td>
	</tr>
	<tr>
	<td>
		<table  bgcolor="#C6DEFF" border="0" cellpadding="3" cellspacing="2" width="100%" align="center">
			<tr><!-- alignment made by praveen on 30.11.2010 -->
				<td width="100%" >
					<fieldset style="width:97%">                       
						<legend class="m8" >Companies/Agencies Details</legend>
							<table border="0" cellpadding="3" cellspacing="2" width="100%" >
								<tr>
									<td class="m8" width="25%">Companies/Agencies Name :</td>	
									<td align="left"><input type="text"  class="texts" style="width:150px"  name="employeename" value="{EMPLOYEENAME}"/></td>

									<td colspan="5" align="center"rowspan="5" >
										<input type="hidden"  name="agencyphotoid" value="{AGENCYPHOTOID}"/>
										<iframe name="upload_iframe1" src="?module=contractor&action=photoupload&nomenu=1" width="120px" height="120px" frameborder="0" style="background-color:{STRIPCOLOR}" scrolling="no"></iframe>  &nbsp;
										
									</td>
								</tr>
								<tr>
									<td class="m8" width="20%">Companies/Agencies Class :</td>	
									<td class="m9"><input  type="text" name="agencyclass"  class="texts" value="{AGENCYCLASS}" style="width:150px" />
								</tr>
							</table>
						</fieldset>	<BR/>
					</td>
				</tr><!-- ends here -->
				<tr>
					<td width="100%" >
						<fieldset style="width:97%">
						<legend class="m8" >Companies/Agencies Contact Details</legend>
							<table border="0" cellpadding="3" cellspacing="2" width="100%" >
								<tr>
									<td class="m8" width="25%">Country :</td>
									<td class="m9" ><select  name="country" id="country" class="texts" value="{COUNTRY}" style="width:200px" onchange="statechange(this.value);" >{COUNTRYOPTION}</select>					
									</td>
									<td class="m8" width="20%">State :</td>
									<td class="m9" >
									<div id="divstate">
										<input Disabled type="text" name="state" class="texts" value="{STATE}"style="width:200px" />					
										
									</div>
									</td>	
								</tr>	
								<tr>
									<td class="m8" width="25%" >City :</td>
									<td class="m9" >
									<input type="text" style="width:200px" class="texts" name="city" value="{CITY}" />						
									</td>
									<td class="m8" width="20%">Pincode :</td>
									<td class="m9"  ><input type="text" style="width:200px" class="texts" name="pincode" value="{PINCODE}" />
									</td>								
								</tr>
								<tr>
									<td class="m8" width="25%" >Email-ID :</td>
									<td class="m9" >
										<input type="text" style="width:200px" class="texts" name="emailid1" value="{EMAILID1}" />																	
									</td>
									<td class="m8" width="20%">Alternate Email-ID :</td>
									<td class="m9" >													
											<input type="text" style="width:200px" class="texts" name="emailid2" value="{EMAILID2}"   />													
									</td>															
								</tr>
								
								
								<tr>
									<td class="m8" width="25%" >Phone No. :</td>
									<td class="m9" >
										<input type="text" style="width:30px" class="texts" name="countrycode" value="{COUNTRYCODE}" maxlength="2" size="2"  onkeyup="checklength('citycode',2,this.name)" /><font color="black">+</font>	
										<input type="text" style="width:40px" class="texts" name="citycode" value="{CITYCODE}" maxlength="4" size="4"  onkeyup="checklength('pno',4,this.name)" /><font color="black">+</font>
										<input type="text" style="width:100px" class="texts" name="pno" value="{PNO}" maxlength="8" size="8"   />
										
									</td>
									<td class="m8" width="20%">Mobile No. :</td>
									<td class="m9" >													
											
											<input type="text" style="width:30px" class="texts" name="countrycodemob" value="{PHONENO}" maxlength="2" size="2"  onkeyup="checklength('mobileno',2,this.name)" /><font color="black">+</font>
											<input type="text" style="width:155px" class="texts" name="mobileno" value="{MOBILENO}"  maxlength="10" size="10" />	
									
									</td>															
								</tr>
								<tr>
									<td class="m8" width="25%" >PAN :</td>
									<td class="m9" >
										<input type="text" name="digit1" class="texts" style="width:15px"   value="{DIGIT1}" maxlength="1" size="1"  onkeyup="checklength('digit2',1,this.name)"/>  
										<input type="text" name="digit2" class="texts" style="width:15px"   value="{DIGIT2}"  maxlength="1" size="1"  onkeyup="checklength('digit3',1,this.name)"/>
										<input type="text" name="digit3" class="texts" style="width:15px"   value="{DIGIT3}"  maxlength="1" size="1"  onkeyup="checklength('digit4',1,this.name)"/>
										<input type="text" name="digit4" class="texts" style="width:15px"   value="{DIGIT4}"  maxlength="1" size="1"  onkeyup="checklength('digit5',1,this.name)"/>
										<input type="text" name="digit5" class="texts" style="width:15px"   value="{DIGIT5}" maxlength="1" size="1"  onkeyup="checklength('digit6',1,this.name)"/>
										<input type="text" name="digit6" class="texts" style="width:15px"   value="{DIGIT6}" maxlength="1" size="1" onkeyup="checklength('digit7',1,this.name)" />	
										<input type="text" name="digit7" class="texts" style="width:15px"   value="{DIGIT7}" maxlength="1" size="1" onkeyup="checklength('digit8',1,this.name)" />					
										<input type="text" name="digit8" class="texts" style="width:15px"   value="{DIGIT8}" maxlength="1" size="1" onkeyup="checklength('digit9',1,this.name)" />					
										<input type="text" name="digit9" class="texts" style="width:15px"   value="{DIGIT9}" maxlength="1" size="1" onkeyup="checklength('digit10',1,this.name)" />	
										<input type="text" name="digit10" class="texts" style="width:15px"   value="{DIGIT10}" maxlength="1" size="1" onkeyup="checklength('digit10',1,this.name)" />															
									</td>
									<td class="m8" width="20%">TAN :</td>
									<td class="m9" >		
										
										<input type="text" name="dt1" class="texts" style="width:15px"   value="{DIGIT1}" maxlength="1" size="1"  onkeyup="checklength('dt2',1,this.name)"/>  
										<input type="text" name="dt2" class="texts" style="width:15px"   value="{DIGIT2}"  maxlength="1" size="1"  onkeyup="checklength('dt3',1,this.name)"/>
										<input type="text" name="dt3" class="texts" style="width:15px"   value="{DIGIT3}"  maxlength="1" size="1"  onkeyup="checklength('dt4',1,this.name)"/>
										<input type="text" name="dt4" class="texts" style="width:15px"   value="{DIGIT4}"  maxlength="1" size="1"  onkeyup="checklength('dt5',1,this.name)"/>
										<input type="text" name="dt5" class="texts" style="width:15px"   value="{DIGIT5}" maxlength="1" size="1"  onkeyup="checklength('dt6',1,this.name)"/>
										<input type="text" name="dt6" class="texts" style="width:15px"   value="{DIGIT6}" maxlength="1" size="1" onkeyup="checklength('dt7',1,this.name)" />	
										<input type="text" name="dt7" class="texts" style="width:15px"   value="{DIGIT7}" maxlength="1" size="1" onkeyup="checklength('dt8',1,this.name)" />					
										<input type="text" name="dt8" class="texts" style="width:15px"   value="{DIGIT8}" maxlength="1" size="1" onkeyup="checklength('dt9',1,this.name)" />					
										<input type="text" name="dt9" class="texts" style="width:15px"   value="{DIGIT9}" maxlength="1" size="1" onkeyup="checklength('dt10',1,this.name)" />	
										<input type="text" name="dt10" class="texts" style="width:15px"   value="{DIGIT10}" maxlength="1" size="1" onkeyup="checklength('dt10',1,this.name)" />															
									
									</td>												
								</tr>
								<tr>
									<td class="m8" width="25%" >VAT :</td>
									<td class="m9" >
										<input type="text" style="width:200px" class="texts" name="vat" value="{VAT}" />						
									</td>
									<td class="m8" width="20%">ServiceTax No. :</td>
									<td class="m9" >		
											<input type="text" style="width:200px" class="texts" name="servicetaxno" value="{SERVICETAXNO}"   />
									</td>																			
								</tr>
								<tr>
									<td class="m8" width="25%" >Bank Account No. :</td>
									<td class="m9" >
										<input type="text" style="width:200px" class="texts" name="bankaccountno" value="{BANKACCOUNTNO}" />																	
									</td>
									<td class="m8" width="20%">Bank Code :</td>
									<td class="m9" >													
											<input type="text" style="width:200px" class="texts" name="bankcode" value="{BANKCODE}"   />													
									</td>															
								</tr>	
								<tr>
									<td class="m8" width="25%" >Website :</td>										
									<td class="m9" >
										<input type="text" style="width:200px" class="texts" name="websites" value="{WEBSITES}" />					
									</td>
									<td class="m8" width="20%" >Telefax :</td>										
									<td class="m9" >
										<input type="text" style="width:200px" class="texts" name="telefax" value="{TELEFAX}" />			
									</td>
								</tr>
							</table>
						</fieldset>	
					</td>
				</tr>
				<tr>
					<td width="100%" >
						<fieldset style="width:97%">
							<legend class="m8" >Work Executed Details</legend>
								<table border="0" cellpadding="3" cellspacing="2" width="100%" >
									<tr>
										<td>
											<table width="100%" border="0">
												<tr>
													<td align="center" width="100%">
														<table  cellspacing="2" height="100%" cellpadding="3" width="100%" border="0">
															<tr>
																<td style="padding-left:10px">
																	<INPUT class="texts" type="button" value="Add Row" onclick="add('ref');" />&nbsp;<INPUT class="texts"  type="button" value="Delete Row" onclick="remove('ref');" /> 
																</td>
															</tr>
															<tr>
																<td>
																	<table id="refTable" border="0" cellpadding="3" cellspacing="2" width="100%" >
																		<tr>
																			<td class="sleft">Contract No 1:</td>
																			<td class="sleftn"><input type="text" class="texts" name="contractno" style="width:150px" value="{contractno}" /></td>
																			<td class="sleft" >Value of Contract:</td>
																			<td class="sleftn" ><input type="text" class="texts" name="contractvalue" style="width:150px" value="{contractvalue}" /></td>
																			<td class="sleft" >Location:</td>
																			<td class="sleftn" ><input type="text" class="texts" name="location" style="width:150px" value="{LOCATION}"></td> 
																		</tr>
																		<tr id="ref1" style="display:none">
																			<td class="sleft">Contract No 2:</td>
																			<td class="sleftn"><input type="text" class="texts" name="contractno1" style="width:150px" value="{contractno1}" /></td>
																			<td class="sleft" >Value of Contract:</td>
																			<td class="sleftn" ><input type="text" class="texts" name="contractvalue1" style="width:150px" value="{contractvalue1}" /></td>
																			<td class="sleft" >Location:</td>
																			<td class="sleftn" ><input type="text" class="texts" name="location1" style="width:150px" value="{LOCATION1}"></td> 
																		</tr>
																		<tr id="ref2" style="display:none">
																			<td class="sleft">Contract No 3:</td>
																			<td class="sleftn"><input type="text" class="texts" name="contractno2" style="width:150px" value="{contractno2}" /></td>
																			<td class="sleft" >Value of Contract:</td>
																			<td class="sleftn" ><input type="text" class="texts" name="contractvalue2" style="width:150px" value="{contractvalue2}" /></td>
																			<td class="sleft" >Location:</td>
																			<td class="sleftn" ><input type="text" class="texts" name="location2" style="width:150px" value="{LOCATION2}"></td> 
																		</tr>
																		<tr id="ref3" style="display:none">
																			<td class="sleft">Contract No 4:</td>
																			<td class="sleftn"><input type="text" class="texts" name="contractno3" style="width:150px" value="{contractno3}" /></td>
																			<td class="sleft" >Value of Contract:</td>
																			<td class="sleftn" ><input type="text" class="texts" name="contractvalue3" style="width:150px" value="{contractvalue3}" /></td>
																			<td class="sleft" >Location:</td>
																			<td class="sleftn" ><input type="text" class="texts" name="location3" style="width:150px" value="{LOCATION3}"></td> 
																		</tr>
																		<tr id="ref4" style="display:none">
																			<td class="sleft">Contract No 5:</td>
																			<td class="sleftn"><input type="text" class="texts" name="contractno4" style="width:150px" value="{contractno4}" /></td>
																			<td class="sleft" >Value of Contract:</td>
																			<td class="sleftn" ><input type="text" class="texts" name="contractvalue4" style="width:150px" value="{contractvalue4}" /></td>
																			<td class="sleft" >Location:</td>
																			<td class="sleftn" ><input type="text" class="texts" name="location4" style="width:150px" value="{LOCATION4}"></td> 
																		</tr>
																		<tr id="ref5" style="display:none">
																			<td class="sleft">Contract No 6:</td>
																			<td class="sleftn"><input type="text" class="texts" name="contractno5" style="width:150px" value="{contractno5}" /></td>
																			<td class="sleft" >Value of Contract:</td>
																			<td class="sleftn" ><input type="text" class="texts" name="contractvalue5" style="width:150px" value="{contractvalue5}" /></td>
																			<td class="sleft" >Location:</td>
																			<td class="sleftn" ><input type="text" class="texts" name="location5" style="width:150px" value="{LOCATION5}"></td> 
																		</tr>
																		<tr id="ref6" style="display:none">
																			<td class="sleft">Contract No 7:</td>
																			<td class="sleftn"><input type="text" class="texts" name="contractno6" style="width:150px" value="{contractno6}" /></td>
																			<td class="sleft" >Value of Contract:</td>
																			<td class="sleftn" ><input type="text" class="texts" name="contractvalue6" style="width:150px" value="{contractvalue6}" /></td>
																			<td class="sleft" >Location:</td>
																			<td class="sleftn" ><input type="text" class="texts" name="location6" style="width:150px" value="{LOCATION6}"></td> 
																		</tr>
																		<tr id="ref7" style="display:none">
																			<td class="sleft">Contract No 8:</td>
																			<td class="sleftn"><input type="text" class="texts" name="contractno7" style="width:150px" value="{contractno7}" /></td>
																			<td class="sleft" >Value of Contract:</td>
																			<td class="sleftn" ><input type="text" class="texts" name="contractvalue7" style="width:150px" value="{contractvalue7}" /></td>
																			<td class="sleft" >Location:</td>
																			<td class="sleftn" ><input type="text" class="texts" name="location7" style="width:150px" value="{LOCATION7}"></td> 
																		</tr>							
																	</table>
																</td>
															</tr>
																<input type="hidden" name="ref"  value="0"/>
														</table>
													</td>						
												</tr>
											</table>
										</td>
									</tr>
								</table>
							</fieldset>	
						</td>
					</tr>
					<tr >
						<td class="m10" align="center" >
							<input type="submit" name="save" value="Submit" onclick="return formCheck(theform)"/>
						</td>	
					</tr> 
		</table>
		</td>
	</tr>
</table>


<script>

	
		function formCheck(theform) {
				
			
				 updateContractor();			 
			      return false;
		}

		

		function checklength(nextfield,chars,currfield) {

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

}
	



function add(idname){
		//alert(document.theform.ref.value);
		//alert(document.theform.idname.value);
		var	loopval = "";
		
		 if(idname == "ref")
			loopval = document.theform.ref.value;
		
			
		if(loopval >= 0 && loopval < 7){
			if(idname == "ref")
			document.theform.ref.value = ++loopval;
		
		}

		 var s = "";
		 for(var i=1;i<=loopval;i++){
			s = document.getElementById(idname+i);
			s.style.display = "";
		 }
	}
	
	function remove(idname){		
		 var	loopval = "";

		 if(idname == "ref")
			loopval = document.theform.ref.value;
		 
			
		 if(loopval >=1 && loopval <=8){			
			var s = document.getElementById(idname+loopval);
			s.style.display = "none";
			if(idname == "ref")
				document.theform.ref.value = --loopval;
			
		}
	}

	</script>