<%@ include file="/common/taglibs.jsp"%> <%-- for validateForm() method --%> <%-- Does not user general tag because this field need keep compatible with CKEditor's content --%>

</c:otherwise>
	</c:choose>
 
	<c:if test="${sessionMap.allowAnonym || sessionMap.maxCharacters > 0 || sessionMap.minCharacters > 0}">
	<div class="row voffset10">

<fmt:message key="lable.char.left" />: <span id="char-left-div"></span>
		<input type="hidden" name="limitCount" id="max-limit-count" />
				
		<script type="text/javascript">
		$(document).ready(function() {
			
			// Whether content has exceeded the maximum characters.
			var isNewlyInstantiated = true;
			var isCkeditor = ${sessionMap.allowRichEditor};
			var limit = <c:out value="${sessionMap.maxCharacters}"/>;
			var ckeditor = (isCkeditor) ? CKEDITOR.instances["message.body"] : null;
			
			//character count fuction
			var counter = function(evt) {
				
				var value = isCkeditor ? ckeditor.getSnapshot() 
						: $('textarea[id="message.body__lamstextarea"]').val();
				var charactersCount = getNumberOfCharacters(value, isCkeditor);
				
				//limit is not exceeded
				if (charactersCount <= limit || isNewlyInstantiated) {
					
					isNewlyInstantiated = false;

if (isCkeditor) {
						ckeditor.fire( 'updateSnapshot' );	
					}
					
					var count = (limit - charactersCount) > 0 ? limit - charactersCount : 0;
					$('#max-limit-count').val(count);
					$('#char-left-div').html(count);
				
				//limit exceeded in case of CKEditor
				} else if (isCkeditor) {
					//detect key pressed
					var key = ((evt.data === undefined) || (evt.data.$ === undefined)) ? null : evt.data.$.keyCode || evt.data.$.charCode;	
					
					//don't block backspace and del 
					if (key == 8 || key == 46) {
						return;
					}
					
					//evt.cancel();
					ckeditor.execCommand( 'undo' );
					
				//limit exceeded in case of textarea 
				} else {
					this.value = this.value.substring(0, limit);
					//fix a bug: when change "this.value", onchange event won't be fired any more. So this will 
					//manually handle onchange event. It is a kind of crack coding!
					filterData(document.getElementById('message.body__lamstextarea'),
							document.getElementById('message.body__lamshidden'));
						
				}
			};
			
			//assign function
			if (isCkeditor) {
			    // @todo Make this more elegant (.on('change') once we upgrade to Ckeditor 4
			    //ckeditor.on('key', counter);
			    ckeditor.on('paste', counter);
				ckeditor.on('afterCommandExec', counter);
				ckeditor.on("instanceReady", function(){                    
				     this.document.on("keyup", counter);
				});
				//count characters initially
			    ckeditor.on('instanceReady', counter);
			      
			} else {
				$('textarea[id="message.body__lamstextarea"]').on('change keydown keypress keyup paste', counter);
				//count characters initially
				counter();
			}

});
		</script>
	</c:if>

<c:if test="${sessionMap.minCharacters > 0}">
		<fmt:message key="label.char.required" />: <span id="char-required-div"></span>
			
		<script type="text/javascript">
		$(document).ready(function() {

});
		</script>			
	</c:if>
	</div>
	
	<div class="col-xs-12 col-sm-6 text-right ">
	<c:if test="${sessionMap.allowAnonym}">
		<div class="checkbox form-control-inline">
		<label for="isAnonymous"><form:checkbox
				path="message.isAnonymous" id="isAnonymous" /> <fmt:message
				key="label.post.anonomously" /></label>
		</div> <a tabindex="0" role="button" data-toggle="popover"><i class="fa fa-info-circle"></i></a>
	
		<%-- Use c:out to escape any quotes in the I18N string. Then use html: true converts any escaped quotes back --%>
		<%-- into real quotes. Should be safe from XSS attack as the string is coming from a translation file. --%>	
		<fmt:message key="label.anonymous.tooltip" var="ANONYMOUS_TOOLTIP_VAR"></fmt:message>		
 		<script type="text/javascript">
		$(document).ready(function() {
			var ANONYMOUS_TOOLTIP = '<c:out value="${ANONYMOUS_TOOLTIP_VAR}" />';
	    		$('[data-toggle="popover"]').popover({title: "", content: ANONYMOUS_TOOLTIP, placement:"auto left", delay: 50, trigger:"hover focus", html: true});
		});
		</script>
 	</c:if>
	</div>

</div> 
	</c:if>
	
	<c:set var="message.body" value="errorMap${forum.uid}" />