{AJAXCONTENT}
<script type="text/javascript" src="{JSDIR}jquery.magnifier.js">

/***********************************************
* jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>

<!-- Code for adding Text Editor Starts here -->
<table border="0" cellpadding="2" cellspacing="2" width="100%">
	<tr>
		<td align="center" style="font-family:verdana"><h2>Product Information </h2></td>
	</tr>
	<tr>
		<td colspan="4" valign="top">
			<fieldset style="width:95%; align:center">
				<legend><B><font color="blue">Info About Product</font></B></legend>
				<table	border="0" width="90%" height="100%"  cellpadding="9" align="center" cellspacing="9"  style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}">				  
					<tr>						
					   <td align="left" style="font-family:verdana">Technology<font color="red">*</font></td>
						<td align="left"><select type="text"  class="texts" style="width:175px" name="technologyid" value="{TECHNOLOGYID}" onchange="updateSubtechnologyValue(this.value);"/>{TECHNOLOGYOPTION}</select></td>				
						<td align="left" style="font-family:verdana">Sub Technology<font color="red">*</font></td>
						<td align="left"><div id="subtechnochange"><select type="text"  class="texts" style="width:175px"  name="subtechnologyid" value="{SUBTECHNOLOGYID}"/>{SUBTECHNOLOGYOPTION}</select></div></td>					
					</tr>
					<tr>						
					 
						<td align="left" style="font-family:verdana">Title<font color="red">*</font></td>
						<td align="left"><input type="text"  class="texts" style="width:175px"  name="title" value="{TITLE}"/></td>	
						<td align="left" style="font-family:verdana">Lab<font color="red">*</font></td>
						<td align="left"><select type="text"  class="texts" style="width:175px"  name="labid" value="{LABID}" multiple/>{LABOPTION}</select></td>
					</tr>
					<tr>						
					    <td align="left" style="font-family:verdana">Product<font color="red">*</font></td>
						<td align="left"><textarea type="text"  class="texts" style="width:175px"  name="product" value="{PRODUCT}"/>{PRODUCT}</textarea></td>	
						<td align="left" style="font-family:verdana">Application</td>
						<td align="left"><textarea type="text"  class="texts" style="width:175px"  name="application" value="{APPLICATION}" />{APPLICATION}</textarea></td>	
					</tr>
					<tr>						
					    <td align="left" style="font-family:verdana">Feature</td>
						<td align="left"><textarea type="text"  class="texts" style="width:175px"  name="feature" value="{FEATURE}"/>{FEATURE}</textarea></td>
						<td align="left" style="font-family:verdana">Commercialisation</td>
						<td align="left"><textarea type="text"  class="texts" style="width:175px"  name="commercialisation" value="{COMMERCIALISATION}"/>{COMMERCIALISATION}</textarea></td>
					</tr>
					<tr>						
					    <td align="left" style="font-family:verdana">Economic</td>
						<td align="left"><textarea type="text"  class="texts" style="width:175px"  name="economic" value="{ECONOMIC}"/>{ECONOMIC}</textarea></td>
						<td align="left" style="font-family:verdana">Investment</td>
						<td align="left"><textarea type="text"  class="texts" style="width:175px"  name="investment" value="{INVESTMENT}"/>{INVESTMENT}</textarea></td>
					</tr>
					<tr>						
					    <td align="left" style="font-family:verdana">Equipment</td>
						<td align="left"><textarea type="text"  class="texts" style="width:175px"  name="equipment" value="{EQUIPMENT}"/>{EQUIPMENT}</textarea></td>
						<td align="left" style="font-family:verdana">Rawmaterial</td>
						<td align="left"><textarea type="text"  class="texts" style="width:175px"  name="rawmaterial" value="{RAWMATERIAL}"/>{RAWMATERIAL}</textarea></td>
					</tr>
					<tr>						
					    <td align="left" style="font-family:verdana">Varieties</td>
						<td align="left"><textarea type="text"  class="texts" style="width:175px"  name="varieties" value="{VARIETIES}"/>{VARIETIES}</textarea></td>
						<td align="left" style="font-family:verdana">Regions</td>
						<td align="left"><textarea type="text"  class="texts" style="width:175px"  name="regions" value="{REGIONS}"/>{REGIONS}</textarea></td>
					</tr>						
					<tr>						
					    <td align="left" style="font-family:verdana">Soil</td>
						<td align="left"><textarea type="text"   class="texts" style="width:175px"  name="soil" value="{SOIL}"/>{SOIL}</textarea></td>
						<td align="left" style="font-family:verdana">Propagation</td>
						<td align="left"><textarea type="text"  class="texts" style="width:175px"  name="propagation" value="{PROPAGATION}"/>{PROPAGATION}</textarea></td>
					</tr>
					<tr>						
					    <td align="left" style="font-family:verdana">Agri Practices</td>
						<td align="left"><textarea type="text"  class="texts" style="width:175px"  name="agripractices" value="{AGRIPRACTICES}"/>{AGRIPRACTICES}</textarea></td>
						<td align="left" style="font-family:verdana">Yield</td>
						<td align="left"><textarea type="text"  class="texts" style="width:175px"  name="yield" value="{YIELD}"/>{YIELD}</textarea></td>
					</tr>
					<tr>						
					    <td align="left" style="font-family:verdana">Contact</td>
						<td align="left"><input type="text"  class="texts" style="width:175px"  name="contact" value="{CONTACT}"/></td>
						<td align="left" style="font-family:verdana">Address</td>
						<td align="left"><textarea type="text"  class="texts" style="width:175px"  name="address" value="{ADDRESS}"/>{ADDRESS}</textarea></td>
					</tr>
					<tr>						
					    <td align="left" style="font-family:verdana">Email</td>
						<td align="left"><input type="text"  class="texts" style="width:175px"  name="email" value="{EMAIL}"/></td>
						<td align="left" style="font-family:verdana">Phone no</td>
						<td align="left"><input type="text"  class="texts" style="width:175px"  name="phoneno" value="{PHONENO}"  onblur = "if(this.value   !=''){if(isNaN(this.value)){alert('It\'s not a valid integer'); this.value='';this.focus();}
						else if(this.value <= 0){alert('Invalid Phone No.');this.value='';this.focus();}else if(this.value.length <= 9){alert('Invalid Mobile No.');this.value='';this.focus();}}"/></td>
					</tr>
				   </table>
		    </fieldset>
		  </td>
	  </tr>     
	<BR/>
	<table	border="0" width="80%" height="100%"  cellpadding="9" align="center" cellspacing="9"  style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}">	
		  <tr>
				<td width="40%" valign="top">
					 <fieldset style="width:40%; height:375px; align:left">
						<legend><B><font color="blue">Upload Photos</font></B></legend>
						  <div class="scroll">
							<table background="{SKINS}/images/bgimage.jpg" class="" align="center" cellpadding="2" cellspacing="1" width="40%">			
								<tr>
										<td align="left">File Attachment(Images only)<font color="red">*</font></td>
								</tr>				
								<tr>		
									<td colspan="4"  class="m8" >
									</form>
									<form action="?module=csirproducts&action=fileupload&nomenu=1" id="fileform" 
											name="fileform" target="upload_iframe" method="post" 
											 enctype="multipart/form-data">

									<input type="hidden" name="fileframe" value="true"/>
									<input type="file" name="file" id="file" style="width:336px" 
											onChange="jsUpload(this)" class="texts"/>
									
									<iframe name="upload_iframe" src="?module=csirproducts&action=fileupload&nomenu=1"  
											frameborder="0" width="336px"></iframe>
										</form>						
								   </td>
								</tr> 
						    </table>
					   </div>
					</fieldset>
					</td>										
					<td width="40%" valign="top">
					  <fieldset style="width:40%; height:375px; align:right">
						<legend><B><font color="blue">Uploaded Photos</font></B></legend>
						  <div class="scroll">
							<table background="{SKINS}/images/bgimage.jpg" class="" align="center" cellpadding="2" cellspacing="1" width="40%">
								<!-- BEGIN dbvalues5 -->
									<tr>
										<td width="5%" > 
											<img src="{FILELOCATION}" class="magnify"  style="width:200px; height:150px" />
										</td>
									</tr>
								<!-- END dbvalues5 -->
							</table>
							</div>
						</fieldset>
					</td>
	    	</tr> 
		
	<tr><td></td></tr>
	<tr> 
		<td align="center" colspan="4">
		<input type="submit" name="save" value="Submit" onclick="return formCheck(theform)"/></td>	
	</tr>
	<tr><td></td></tr>		
</table>		

<input type="hidden" name="productid" value="{PRODUCTID}"/>
<input type="hidden" name="rcount" id="rcount" value="{RCOUNT}"/> 
 
 <script LANGUAGE="JavaScript">	
	   function jsUpload(upload_field) {
	 
			var re_text = /\.gif|\.png|\.jpg|\.jpeg/i;
			var filename = upload_field.value;		
			upload_field.form.submit();
			return true;
		}
	 function formCheck(theform)
	   {	

				
	        if (theform.technologyid.value === null || theform.technologyid.value == "" ){
			alert("Technology Required");
			return false;
			}	
			if(theform.title.value === null || theform.title.value == "")
			{
			 alert("Title Required");
			 return false;
			}
			if(theform.product.value === null || theform.product.value == "")
			{
			 alert("Product Required");
			 return false;
			}

			updateProduct();		
			return false;
	} 
</script>
<style type="text/css">
		div.scroll
		{	
		background:{SKINS}images/bgimage.jpg;
		width:450px;
		height:360px;
		overflow:scroll;
		}
</style>