{AJAXCONTENT}
<script type="text/javascript" src="{JSDIR}HTMLEditor/jscripts/tiny_mce/tiny_mce.js"></script>
<link rel="stylesheet" type="text/css" href="skins/default/css/Menu/style_dash.css">
<!-- public easing starts here -->
<script src="{JSDIR}Easing/jquery.easing.1.3.js" type="text/javascript"></script>  
<!-- public easing Ends here -->

<table border="0" align="center" bgcolor="#9FECFF" cellpadding="0"  class="mGrid"  cellspacing="0" width="100%" height="" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}" valign="top">
	<tr>
		<td>
			<table	border="0" width="80%" height="" cellpadding="0" align="center" cellspacing="0" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}" valign="top">				
				<tr width="100%">								
					<td align="center" width="90%">
						<div class="titleline">
							<font size="4" class="title">Write Your Valuable Comments / Feedback</font>
						</div>
					</td>
				</tr>
				<tr width="100%">								
					<td align="left" width="90%">
						<FONT SIZE="3" COLOR=""><B>Project Name :</B> {PROJECT}</FONT>
					</td>
				</tr>
				<!-- IF WORKCODENO <> "" -->
				<tr width="100%">								
					<td align="left" width="90%">
						<FONT SIZE="3" COLOR=""><B>Project Code :</B> {WORKCODENO}</FONT>
					</td>
				</tr>
				<!-- ENDIF -->

				<!-- <tr width="100%">								
					<td align="left" width="90%">
						<FONT SIZE="3" COLOR=""><B>Stretch Name :</B>{STRETCHNAME}</FONT>
					</td>
				</tr> -->
				<tr>
		
					<td>
								<BR><BR>
							<table border="1" align="center" cellpadding="15" cellspacing="8" width="100%" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR};">
								<tr>
									<td align="left"><font size="2" color="">First Name</font></td>
									<td align="left"><input  type="text" class="texts" style="width:400px" name="firstname" value="{FIRSTNAME}"/></td>
								</tr>
								<tr>
								
									<td align="left"><font size="2" color="">Last Name</font></td>
									<td align="left"><input type="text" class="texts" style="width:400px" name="lastname" value="{LASTNAME}"/></td>
								</tr>
								<tr>
									<td align="left"><font size="2" color="">Mobile No</font></td>
									<td align="left"><input  type="text" class="texts" style="width:400px" name="mobileno" value="{MOBILENO}" 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>
								<tr>
								
									<td align="left"><font size="2" color="">Email-Id</font></td>
									<td align="left"><input type="text" class="texts" style="width:400px" name="emailid" value="{EMAILID}"/></td>
								</tr>
								<tr>
									<td align="left"><font size="2" color="">Comments /<BR>Feedback</font></td>
									<td align="left"><textarea  type="text" class="texts" style="width:250px" id="commentsfeedback" name="commentsfeedback" value="{COMMENTSFEEDBACK}"></textarea></td>
								
									<!-- <td align="left"><font size="2" color="">Email-Id</font></td>
									<td align="left"><input type="text" class="texts" style="width:250px" name="stretchname" value="{DRPSECTNAME}"/></td> -->
								</tr>

								<tr>
								
									<td align="left"><font size="2" color="">Attachments</font></td>
									<td align="left"></form>
										<form action="?module=cwgpublic&action=fileupload&nomenu=1" id="fileform1" name="fileform1" 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:700px" onChange="jsUpload(this)" class="texts"/>
										<iframe name="upload_iframe" src="?module=cwgpublic&action=fileupload&nomenu=1" frameborder="0"  width="336px" scrolling="no"></iframe>
									</form> </td>
								</tr>
								<tr>
									<td align="center" colspan="4">
										<input type="submit" class="button" value="Save" onclick="return formCheck(theform);"/>
									</td>
								</tr>
							</table>
						</fieldset>
					</td>
				</tr>
			</table>											
		</td>		
	</tr>
	<tr valign="top" >
		<td align="center">
			<a href="javascript:void(0);" id="showDIV"><FONT SIZE="3" COLOR=""><blink>Click me Latest Comments / Feedback</blink></FONT></a>
			<div id="seconddiv" width="80%">										
				<table	class="mGrid" border="1" width="60%" height="100%" cellpadding="6" align="centre" cellspacing="5" >
					<tr  bgcolor="#CDCDCD" align="center"> 
						<th scope="col">Sl. No</th>	
						<th scope="col">Name</th>
						<th scope="col">Email-Id</th>
						<th scope="col">Comment / Feedback</th>
					</tr>
					<!-- BEGIN dbValuesComment --> 
					<tr class="alt" style="border: solid 1px #c1c1c1">
						<td align="center">
							{SLNO}<br/>												
						</td>	
						<td align="justify">
							{FIRSTNAME} {LASTNAME}
						</td>
						<td align="justify">
							{EMAILID}
						</td>
						<td align="left">
							{COMMENTSFEEDBACK}
						</td>
						</td>
					</tr>												
					<!-- END dbValuesComment -->	
				</table>																				
			</div>
		</td>
	</tr>
</table>


<input type="hidden" name="projectid" value="{PROJECTID}">
<input type="hidden" name="commentsid" value="{COMMENTSID}">
<input type="hidden" name="commentsfeedback2" id="commentsfeedback2" value="{COMMENTSFEEDBACK2}"/>
			
<script>
	
	function formCheck(theform) {

	var commentsfeedback2 = tinyMCE.get('commentsfeedback').getContent();
	document.getElementById('commentsfeedback2').value = commentsfeedback2;
		
		if(!validRequired(theform.firstname,"First Name"))
			return false;

		if(!validRequired(theform.mobileno,"Mobile No"))
			return false;

		if(!validEmail(theform.emailid," Email ID.",true))
	       return false;

		if(!validRequired(theform.commentsfeedback2,"Comments / Feedback"))
			return false;
	
		updateCommentsFeedback();		
			return false;
	}
</script>

<script type="text/javascript">
	tinyMCE.init({
		// General options
		mode : "exact",
		elements : "commentsfeedback",
		theme : "advanced",
		plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace, print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist",

		// Theme options
		theme_advanced_buttons1 : "newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
		theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
		theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
		theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
		theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "left",
		theme_advanced_statusbar_location : "bottom",
		theme_advanced_resizing : true,

		// Example content CSS (should be your site CSS)
	// Drop lists for link/image/media/template dialogs		
		
	});
</script>
	

<style>
	fieldset
	{
		border:1px solid #a1a1a1;
		-moz-border-radius:5px; /* Firefox */
		border-radius:5px;		
	}
</style>	 
	
<style type="text/css">
div.scroll
{
_background-color:#FFFFFF;
_width:1010px;
height:400px;
overflow:scroll;
}
</style>
<!-- Java Script for Hide & Show Starts here -->
<script type="text/javascript">

$(document).ready(function(){

$("#seconddiv").hide();

	 // show hide search container
    $("#showDIV").bind("click", function() {
        var text = $("#showDIV").text();
        if(text == "Hide Latest Comments / Feedback"){
            $("#showDIV").text("Show Latest Comments / Feedback");
        }
        else{
            $("#showDIV").text("Hide Latest Comments / Feedback");
        }
        $("#seconddiv").slideToggle(2000);        
    });
});
</script>
<!-- Java Script for Hide & Show Ends here -->


<!-- Javascript for File Upload Starts Here -->
<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;
	}	
</script>
<!-- Javascript for File Upload Ends Here -->