{AJAXCONTENT}
	<input type="hidden" name="otherfileid" value="{OTHERFILEID}">
	<input type="hidden" name="clientid" value="{CLIENTID}">
	<input type="hidden" name="billid" value="{BILLID}">
	<input type="hidden" name="detailid" value="{DETAILID}">
	<input type="hidden" name="projectid" value="{PROJECTID}">
	<input type="hidden" name="actionform"  value="{ACTIONFORM}">
	<!-- Watch Time -->
	<input type="hidden" name="min">
	<input type="hidden" name="second">
	
	<table border="0" cellpadding="2" cellspacing="1" width="100%" bgcolor="{WHITE}">
		<tr>
			<td class="sleftn" width="100%">		
				<table border="0" cellpadding="3" cellspacing="2" width="100%" >	
			<!-- //	<fieldset width="100%"> -->
				<legend class="m8" ><B>Attach File:&nbsp;&nbsp;</B></legend>
				
					<!-- Target of the form is set to hidden iframe -->
					<!-- From will send its post data to fileframe section of this PHP script (see above) -->

					
						<tr>
							</form>
							<form action="?module=billing&action=fileupload&nomenu=1" id="fileform" name="fileform" target="upload_iframe" method="post" enctype="multipart/form-data">
							<input type="hidden" name="fileframe" value="true">
							<td class="sleft" width="100%"><input type="file" name="file" id="file" style="width:405px" onChange="jsUpload(this)" class="texts">&nbsp;
							<span id="timetext"><span id="minutes">00</span>&nbsp;<span id="seconds">00</span>&nbsp;<span id="microseconds">00</span></span>
							</td>
						</tr>
					</table>
				
					<!-- JavaScript is called by OnChange attribute -->
					
					<iframe name="upload_iframe" align="center" src="?module=billing&action=fileupload&nomenu=1" width="67%" frameborder=0 ></iframe>
					<!-- </fieldset> -->
					<!-- For debugging purposes, it's often useful to remove "display: none" from style="" attribute -->
			</td>
		</tr>
	</table>
	
<script>
	
			/* This function is called when user selects file in file dialog */
		function jsUpload(upload_field) {
	    // this is just an example of checking file extensions
	    // if you do not need extension checking, remove 
	    // everything down to line
	    // upload_field.form.submit();
	    //var re_text = /\.txt|\.xml|\.zip/i;
		var re_text = /\.pdf|\.zip/i;
	    var filename = upload_field.value;
	    
	   //  Checking file type
	    if (filename.search(re_text) == -1) {
	    	alert("File does not have text(pdf, zip) extension");
        upload_field.form.reset();
        return false;
      }
     
      //document.getElementById('upload_status').value = "uploading file...";
    // upload_field.disabled = true;
	   upload_field.form.submit();
    	return true;
	}

	function formCheck(theform) {	
	
		if(!validRequired(document.fileform.file," File Browse "))
			return false;
			
		replyok();
		return false;

	}
	
	// Stop Watch Start
	function StopWatch() {

		this.startTime = new Date();
		this.endTime = null;
		
		this.stop = function() {
			this.endTime = new Date();
		}

		this.reset = function() {
			this.startTime = new Date();
			this.endTime = null;
		}

		this.resume = function() {
			this.endTime = null;
		}
		
		this.duration = function() {
			if( this.endTime == null ) {
				this.stop();
				var rval = this.endTime-this.startTime;
				this.resume();
				return rval;
			}
			else {
				return this.endTime-this.startTime;
			}
		}
	}

	var stopWatch = new StopWatch();
	var interval = null;

	function startStopWatch() {
		stopWatch.reset();
		updateDisplay();
	}

	function resumeStopWatch() {
		stopWatch.resume();
		updateDisplay();
	}

	function stopStopWatch() {
		stopWatch.stop();
		clearTimeout( interval );
		updateDisplay();
		clearTimeout( interval );
	}

	function updateDisplay() {
		var ms = stopWatch.duration();
		var micro = Math.floor( ms / 10 ) % 100;
		if( micro < 10 )
			micro = '0' + micro;
		var sec = Math.floor( ms / 1000 ) % 60;
		if( sec < 10 )
			sec = '0' + sec;
		var min = Math.floor( ms / 60000 );
		if( min < 10 )
			min = '00' + min;	
		else if( min < 100 )
			min = '0' + min;	

		document.getElementById( 'minutes' ).innerHTML = min;
		document.getElementById( 'seconds' ).innerHTML = sec;
		document.getElementById( 'microseconds' ).innerHTML = micro;
		document.theform.min.value = min;
		document.theform.second.value = sec;
		interval = setTimeout( updateDisplay, 100 );
	}

	window.onload= function() {
		startStopWatch();
	}

	var timeout = null;

	window.onresize= function() {
		clearTimeout( timeout );
		timeout = setTimeout( fitToScreen, 100 );
	};
	// Stop Watch End
  </script>
  <style type="text/css">
		div.scroll
		{
		/*background-color:#FFFFFF;*/
		background:{SKINS}/images/bgimage.jpg;
		/*width:975px;*/
		height:360px;
		overflow:scroll;
		}

		body {
			font-family: Verdana, Arial;
			background: #ebebeb url('images/body-bg.png') repeat-y center;
			color: #000;
			
		}
   </style>