{AJAXCONTENT}
<link rel="stylesheet" type="text/css" href="skins/default/css/Menu/style.css">
<script src="{JSDIR}Easing/jquery.easing.1.3.js" type="text/javascript"></script>  
<table border="1" cellpadding="0" cellspacing="0" width="100%" align="center" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR};">
	<tr>
		<td width="100%" align="center">
			<table  class="mGrid" align = "center" border="1" width="100%" cellpadding="5" cellspacing="4" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR};">
				<TR  bgcolor="#2792B4" align="center" height="20px">
					<TD width="100%"><FONT COLOR ="white" > <input type="hidden" name="workcode"   class="texts" style="width:250px" value="{WORKCODE}" disabled="disable" /><FONT COLOR ="BLACK" SIZE="3" ><B>DPR Section Creation</B></FONT><BR><b>Work Code Number:&nbsp;{WORKCODE}</b></FONT></TD>
				</TR>
				<tr>
					<td>
						<table  valign="top" class="mGrid" BORDER="1"  cellspacing="1" width="100%" cellpadding="2" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}" >
							<tr>	
								<td width="50%" align="left">&nbsp;&nbsp;Main Project Name<font color="red">*<font></td>
								<td>
									<select name="nhdpphaseid"  class="texts" style="width:275px" disabled >					
										{PHASEOPTION}
									</select>
								</td>
								<td width="50%" align="left" >&nbsp;&nbsp;Project Name<font color="red">*<font> </td>
								<td width="50%" align="left" >
									<select name="categoryid"  class="texts" style="width:275px"  disabled>{CORRIDOROPTION}</select>
								</td>	
							
								<td width="50%" align="left" >&nbsp;&nbsp;Corridor<font color="red">*<font> </td>
								<td width="50%" align="left" >
									<input name="corridorlocation"  class="texts" style="width:275px" value="{CORRIDORLOCATION}" disabled> 
								</td>	
							</tr>
							
						</table>
					</td>
				</tr>
				<tr>
					<td>
						<table  valign="top" class="mGrid" BORDER="1"  cellspacing="1" width="100%" cellpadding="2" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}" >
							<tr>	
								<td width="12%" align="left">&nbsp;&nbsp;<B>DPR Section Name:&nbsp;<font color="red">*</font></B> </td>
								<td  align="left" width="17%">From&nbsp;:&nbsp;
										<select name="drpsecfromid"  class="texts" style="width:125px" onchange="updateOtherDSRFrom(this.value);"> {NATLOCFROMOPTION}</select>										
									<div id="OthDRPFrom">
									<!-- IF CSIROTHERTECHNOLOGY <> "" --> 
									 <B>Other:</B>&nbsp;&nbsp;&nbsp;<input type="text"  class="texts" style="width:125px"  name="drpsecfrom" value="{CSIROTHERTECHNOLOGY}"/> 
									 <B>State:</B>&nbsp;&nbsp;&nbsp; <select type="text"  class="texts" style="width:125px"  name="stateid" value="{STATEID}"/>{STATEOPTION}</select> 
									 <!-- ENDIF -->
									</div>
								</td>
								<td align="left"  width="16%">To&nbsp;:&nbsp;
										<select name="drpsectoid"  class="texts" style="width:125px" onchange="updateOtherDSRTo(this.value);"> {NATLOCTOOPTION}</select>										
									<div id="OthDRPTo">
									<!-- IF CSIROTHERTECHNOLOGY <> "" --> 
									 <B>Other:</B>&nbsp;&nbsp;&nbsp;<input type="text"  class="texts" style="width:125px"  name="drpsecto" value="{CSIROTHERTECHNOLOGY}"/> 
									 <!-- ENDIF -->
									</div>
								</td>	
								<td align="left"></td>
								<td width="12%" align="left" >&nbsp;&nbsp;<B>DPR Section Length</B><font color="red">*<font> </td>
								<td width="19%" align="left" >
									<input name="drpsectlength"  class="texts" style="width:175px">
								</td>	
							</tr>
							
						</table>
					</td>
				</tr>
				<tr  width="10%" >
					<td  width="10%" >
						<table  valign="top"  align="center"  BORDER="0"  cellspacing="1" width="10%" cellpadding="0" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}" >
							<tr  width="10%" >	
								<td width="19%" align="left" >&nbsp;&nbsp;<B>Remarks&nbsp;:</B><font color="red">*<font> </td>
								<td width="19%" align="left" >
									<textarea name="multiprojremarks"  class="texts" style="width:250px">{MULTIPROJREMARKS}</textarea>
								</td>	
							</tr>
							
						</table>
					</td>
				</tr>
				<TR>
					<TD >
						<table align = "center" border="0" width="100%" cellpadding="5" cellspacing="4">
							<tr>
								<td align="center" >
									<!-- IF GROUPID <> "2" -->
									<input class="button" type="submit" value="Save" onclick="return formCheck(theform);"/>
									<!-- ENDIF -->
									<!-- IF GROUPID == "2" -->
									<A href="#" onclick="alert('Sorry you do not have permission to insert data');" class="button"><FONT SIZE="" COLOR="white"><B>Submit</B></FONT></a>
									<!-- ENDIF -->	
									<input class="button" type="submit" value="Exit" onclick="Gotoview();"/>
								</td>
							</tr>  
						</table>
					</TD>
				</TR>
				
			</table>
		</TD>
	</TR>
	<!-- IF CHKWORKCODE <> "" -->
	<tr>
		<td>
			<table align="center" width="95%" border="0"  valign="top"  height="270px" scrolling="yes" style="overflow:show">
				<td align="left"  valign="top">
					<!-- <iframe name="FRAME_LIST1" frameborder="0" width="1280px" src="?module=addproject&action=MultiProjView&workcodeid={WORKCODEID}&nomenu=1" height="370px" scrolling="yes" style="overflow:show"></iframe> -->
					<script type="text/javascript" src="{JSDIR}tablesorter/tablesorter.js"></script> 
					<table border="0" class="" align="center" cellpadding="2" cellspacing="1" width="100%"  style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}">
						<tr>
							<td width="100%" class="heading" height="20" background="{SKINS}images/table_header.png" align="center">&nbsp;&nbsp;<font color="black">Project Details</font> </td>
						</tr>
						
						<tr>
							<td width="100%" >
								<table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" >
									<tr>
										<td align="center" width="60%">
											<table border="0" width="99%" cellpadding="0" cellspacing="0" >
												<tr>
													<td width="70%">
														<fieldset style="width:88%">
															<legend class="m8" >Advanced Search</legend>
																<table border="0" width="88%" cellpadding="0" cellspacing="0">
																	<tr>
																		<td width="90%">													
																			<table border="0" cellpadding="2" cellspacing="0" width="100%">
																				<tr>
																					<td><span class="sleft">Streach Name:</span>
																						<input name="idrpsectname" id="suggest1" class="texts" style="width:150px" value="{IDRPSECTNAME}" placeholder="Enter the Search keyword">&nbsp;&nbsp;
																					</td>
																				</tr>
																			</table>
																		</td>
																	<td width="10%">
																	 <input type="submit" name="Search"   value="Search" class="texts" accesskey="s"/> 
																	</td>
																</tr>
															</table>
														</fieldset>
													</td>							
												</tr>
											</table><BR>
										 </td>
									</tr>
								</table>			
							</td>
						</tr>	
						 <tr>
							<td width="100%">
								<table border="0" cellpadding="0" cellspacing="0" width="100%"  align="center">
									 <tr>
										<td width="80%">{PAGECONTENTS}</td>
									</tr>
									<tr>
										<td colspan="2">
											<table border="0" cellpadding="0" cellspacing="0" width="100%" bordercolor="#000000" align="center">
												<tr>
													<td colspan="2">
														<table cellspacing="0" class="tablesorter">
															<thead>
																<tr>
																	<th width="05%">SNo</th>
																	<th width="10%">Streach&nbsp;&&nbsp;Length</th>
																	<th width="10%">WorkCode&nbsp;No</th>
																	<th width="10%">Project&nbsp;Description</th>
																	<th width="10%">Main&nbsp;Project&nbsp;Name</th>
																	<th width="10%">Project&nbsp;Name</th>
																	<th width="10%">Corridor</th>
																	<th width="10%">Edit</th>
																</tr>
															</thead>
															<tbody>
																	<!-- BEGIN dbvalues1 --> 
																<tr>
																	<td align="center">															
																	  {recno:parent.STARTNO,ROWCOUNT}
																	</td>
																	<td align="left">
																		{DRPSECTNAME} <br/> <B>Lenght :</B> {DRPSECTLENGTH}
																	</td>
																	<td align="center">															
																	  {WORKCODE} 
																	</td>
																	<td align="LEFT" width="15%">															
																	  {PROJECTNAME}
																	</td>
																	<td align="left">															
																	{NHDP} 
																	</td>
																	<td align="left">															
																	{CATEGORY}
																	</td>																								
																	<td align="left">
																		{CORRIDORLOCATION}
																	</td>
																	
																	<td class="m8c" valign="center" nowrap>
																		<a onclick="add('{WORKCODEID}','{MULTIPROJECTID}','{PROJECTID}');" href="#" target="_top"><FONT COLOR="#1589FF">Edit</FONT></a>
																	</td>
																</tr>								
																		<!-- END dbvalues1 -->
																<tr>
																	<td colspan="9">&nbsp; </td>
																</tr>
															</tbody>	
														</table>
													</td>
												</tr>
											</table>							
										</td>
									</tr>
									<!-- This is the default value require to show  -->
									<tr>
										<td>
											<div id="pager" class="pager">
								
											<input type="hidden" class="pagedisplay"/>
											<input type="hidden" class="pagesize" value="{PAGELENGTH}"/>
										</div>
										</td>
									</tr>
									<!-- This is the default value require to show  -->	
								</table>
							</td>
						</tr> 
					</table>
						<input type="hidden" name="taskid" value="{TASKID}"/>
						<input type="hidden" name="action" value="{FORMACTION}"/>
						<input type="hidden" name="module" value="{MODULE}"/>
						
						
				</td>		
			</table>
		</td>
	</tr>
	<!-- ENDIF -->
</TABLE>
	
		
		
</div>
<input type="hidden" name="workstatusid" value="{WORKSTATUSID}"/>	
<input type="hidden" name="multiprojectid" value="{MULTIPROJECTID}"/>
<input type="hidden" name="workcodeid" value="{WORKCODEID}"/>
 <script>
 
  function jsUpload(upload_field) {
		//var re_text = /\.pdf|\.zip/i;
	    var filename = upload_field.value;
	//	alert(filename);
	  
		upload_field.form.submit();
		return true;
	 }

	var arSelected = new Array();
		function getMultiple(ob)
			{ 
				while (ob.selectedIndex != -1)
					{ 
						if (ob.selectedIndex != 0) 
						arSelected.push(ob.options[ob.selectedIndex].value);
						ob.options[ob.selectedIndex].selected = false;
						
					} 
					
			}
			
			
	function formCheck(theform) {
			
		/*	if(!validRequired(theform.taskdocid,"Upload Type"))
			return false;
			if(!validRequired(theform.workstatus,"Work Status "))
			return false;*/
	
			updateAddproject();
			return false;
		}
 $().ready(function() {  

			 $("#suggest1").autocomplete("includes/workcode/search.php", {  

				width: 200,  

				 matchContains: true,  

				 selectFirst: false 

			 });  

		 });  	
	
</script>			
 <script type="text/javascript">
        function init(){
            window.setInterval(autoSave,20000);                  // 10 seconds
			
        }
        function autoSave(){
		//	alert('test');
            
       
	//		updateAddproject1();
			return false;
		}
 
        //cross-browser xmlHTTP getter
        function getHTTPObject() { 
            var xmlhttp; 
            /*@cc_on 
            @if (@_jscript_version >= 5) 
                try { 
                    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); 
                } 
                catch (e) { 
                    try { 
                        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
                    } 
                    catch (E) { 
                        xmlhttp = false; 
                    } 
                } 
            @else 
                xmlhttp = false; 
            @end @*/  
 
            if (!xmlhttp && typeof XMLHttpRequest != 'undefined') { 
                try {   
                    xmlhttp = new XMLHttpRequest(); 
                } catch (e) { 
                    xmlhttp = false; 
                } 
            } 
 
            return xmlhttp;
        }
    </script>