{AJAXCONTENT}
<script src="{JSDIR}tabs/jquery-ui.min.js" type="text/javascript"></script>
<link href="{SKINS}css/tabs/jquery-ui.css" type="text/css" rel="stylesheet"/>
<script>
	$(document).ready(function() {
	$("#tabs").tabs();
	});
</script>


<div id="tabs" style="background:white">
	<ul>
		<li><a href="#fragment-1"><span>Upload Document</span></a></li>
	</ul>
	<div id="fragment-1">
		<table border="0" class="" align="center" cellpadding="2" cellspacing="1" width="100%" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}">
			 <tr>
				<td align="left" class="subhead1" valign="bottom" style="padding-left:10px">
					<font color="black"><B>WorkCode</B>  :  {WORKCODE}</font>
					<input type="hidden" name="projectid" value="{PROJECTID}"/> <!--hidden input field passing the projectid-->
				</td>
			</tr>
			<tr>
				<td align="left" class="subhead1" valign="bottom" style="padding-left:10px">
					<font color="black"><B>Project Name</B>  :  {PROJECTNAME}</font><input type="hidden" name="projectid" value="{PROJECTID}"/> <!-- <input type="hidden" name="billid" value="{BILLID}"/> --><!--hidden input field passing the projectid-->
				</td>
			</tr>
			<!-- IF PROJECTCODE <> "" -->
			</tr>						
				<td align="left" class="subhead1" valign="bottom" style="padding-left:10px">
					<font color="black"><B>Project Code</B> :  {PROJECTCODE}</font>
					<input type="hidden" name="projectcode" value="{PROJECTCODE}"/> <!--hidden input field passing the projectid-->
				</td>
			<tr>
			<!-- ENDIF -->
			<!-- IF ADDPROJECTDISC <> "" -->
			</tr>						
				<td align="left" class="subhead1" valign="bottom" style="padding-left:10px">
					<font color="black"><B>Project Discription</B> :  {ADDPROJECTDISC}</font>
					<input type="hidden" name="	addprojectdisc" value="{ADDPROJECTDISC}"/> <!--hidden input field passing the projectid-->
				</td>
			<tr>
			<!-- ENDIF --> 
			</tr>
			<tr>
				<td width="100%" > 
					<TABLE border="0" width="100%" cellpadding="0" cellspacing="0" scrolling="yes" style="width:100%; border:0;  height:115px; overflow:auto;">
						<tr>
							<td colspan="2">
								&nbsp;
							 </td>
						</tr>
						<TR align="center">
							<TD align="center">
								<table align = "center"   border="0" width="50%" height="60%" cellpadding="6" cellspacing="5">
									<tr>
										<td colspan="4" class="sleft">Upload Type</td>
												<input name="xxxx" type="hidden" value="{xxxx}"/>
										<td>
											<select style="width:200px" name="taskdocid" type="hidden" value="{TASKDOCID}">
												{UPLOADTYPEOPTION}
											</select>
										</td> 
									</tr>
									 <tr>
										<td colspan="4" class="sleft">File Attachment<font color="red">*</font></td>
										<td colspan="4"  class="m8" >
											</form>
											<form action="?module=addproject&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=addproject&action=fileupload&nomenu=1" frameborder="0"  width="336px" scrolling="no"></iframe>
											</form>						
									   </td>
									</tr> 		
									<tr>
										<td  align="right">
											<input class="texts" type="submit" name="save" value="Save" onclick="return formCheck7(theform)"/>
										</td>
									</tr> 
								</table>
							</td>
						</tr>
					</table>			
				</td>
			</tr>	
		</table>
	</div>
</div>	
	
<input type="hidden" name="projectid" value="{PROJECTID}"/>
<input type="hidden" name="workcodeid" value="{WORKCODEID}"/>
<input type="hidden" name="action" value="{FORMACTION}"/>
<input type="hidden" name="module" value="{MODULE}"/>  

<script LANGUAGE="JavaScript">

	 function jsUpload(upload_field) {
		//var re_text = /\.pdf|\.zip/i;
	    var filename = upload_field.value;
		alert(filename);
	    upload_field.form.submit();
    	return true;
	}

	function formCheck7(theform) {

			if(!validRequired(theform.taskdocid,"Upload Type"))
			return false;

			updateDocument();
			return false;
	
		}
	
</script>

<script>
function loadTwo(iframe1URL)
{ 
	parent.FRAME_LIST.location.href=iframe1URL
} 
</script>