##formatter.textrender()<contentof>
	##include(Defaults)

##local.define(PageHeaderScripts)<contentof>
	<script src="/script/lib/jquery.autocomplete.js" type="text/javascript"></script>			
	<link type="text/css" href="/script/lib/css/jquery.autocomplete.css" rel="Stylesheet" />	

	
	<style>
		.taggingForm {
			font-family: verdana;
			font-size:smaller;			
		}
		.taggingFormAnnotationCell {
			vertical-align: top;
			text-align: right;
			padding-right: 5px;
		}
		.myTag {
			font-family: verdana;
			color: blue;
			line-height: 1.5;
			display:inline;
			border-style:solid;
			border-width:1px;
			border-color:black;
			margin-right:2px;
			padding-left:5px;
			padding-right:5px;
			margin-bottom:2px;
			cursor: pointer;
			cursor: hand;	
			background-color:white;
		}

		.pTag {
			font-family: verdana;
			color: blue;
			line-height: 1.5;
			display:inline;
			border-style:solid;
			border-width:1px;
			border-color:black;
			margin-right:2px;
			padding-left:5px;
			padding-right:5px;
			margin-bottom:2px;
			cursor: pointer;
			cursor: hand;	
			background-color:white;
		}
		
		.tagused {
			color:red;
		}
		.entryAdvice {
			font-size:smaller;
		}
		
		body {
			background-color:#EEF3F7;
		}
	</style>

	<script>
		##if resourcetags.IsMap("items")
		var rt = {
			##resourcetags.ForEachIn(tag,"items")<contentof>
				##tag.AsJscriptLit(text) : "1", 
			</contentof>
			"" : ""
		};
		##else
		var rt = {};
		##endif


		function trim11 (str) {
			str = str.replace(/^\s+/, '');
			for (var i = str.length - 1; i >= 0; i--) {
				if (/\S/.test(str.charAt(i))) {
					str = str.substring(0, i + 1);
					break;
				}
			}
			return str;
		}

		function startSearch()
		{
			$('#taggingForm').submit();	
			
			
		}
		$( function () {
			
			var e = $('#BookTitle').html();
			
			$('#title').val(e);
			
			$('.myTag').click( function () {
	
				if
					($(this).hasClass("tagused"))
				{
					removeTag(trim11(this.innerHTML));		
					
					return;
				}
				var s = ';' +$('#tags').val();
				if
					(s.substring(s.length-1) == ';')
				{
					
				}
				else
				{
					s+=';';
				}
				
				var tag = ';' + trim11(this.innerHTML) + ';';
				
				if
					(s.indexOf(tag) == -1)
				{
					s+= trim11(this.innerHTML) + ';';
					s = s.substring(1);				
					$('#tags').val(s);
					
				}
				
				
			} );

			$('.pTag').click( function () {
	
				var s = ';' +$('#tags').val();
				if
					(s.substring(s.length-1) == ';')
				{
					
				}
				else
				{
					s+=';';
				}
				
				var tag = ';' + trim11(this.innerHTML) + ';';
				
				if
					(s.indexOf(tag) == -1)
				{
					s+= trim11(this.innerHTML) + ';';
					s = s.substring(1);				
					$('#tags').val(s);
					
				}
				
				
			} );
			
			$("#tags").autocomplete("##this?Style=Portal3&Method=GetSuggestions", {
								selectFirst: false
							  }
			);

			$('.myTag').each( function () {
				var t = trim11(this.innerHTML);
				if
					(rt[t] == "1")
				{
					$(this).addClass("tagused");
					
					
					$(this).attr("title", "##leg.Portal3.Tagging.DeleteTagTip"+t)	
				}
				else
				{
					$(this).attr("title", "##leg.Portal3.Tagging.AddTagTip"+ t)						
				}	
				
			});
			
			$('.pTag').each( function () {
				var t = trim11(this.innerHTML);
				$(this).attr("title", "##leg.Portal3.Tagging.AddTagTip"+ t);
			});
			
			
				
		});

		var bRemoveInProgress = false;
		function removeTag(tag)
		{
			if (bRemoveInProgress)
			{
				return ;
			}
			
			bRemoveInProgress = true;
			
			$.getJSON("APS_TAGGING?Style=Portal3&id=##request.id&Method=UpdateTags&ResponseFMT=JSON", {tags: tag, removetags: '1'    
			 },
                    function(data) {
						
						$('#tags').val("");
						$('#taggingForm').submit();	
						
						bRemoveInProgress = false;
						
                    }		
            );
		}		
		
	</script>
</contentof>

##local.define(Content)<contentof>

	##if sessioninfo.ZONES.BrwrID    

	<FORM id="taggingForm" action="##this.obj" method="POST" class="taggingForm">
		##this.stylesetforform
		<input type="hidden" name="id" value="##request.id">
		<input type="hidden" name ="Method" value="UpdateTags">
		<input type="hidden" name="title" id="title" value="">

		

		<table>
			<tr>
				<td>
					
				</td>
				<td>
					<span id="BookTitle">##request.Data(title)</span>				
				</td>
			</tr>
			<tr>
				<td valign="top" align='right' ><b>##leg.Portal3.Tagging.TagsLabel</b></td>
				<td><input size=60 name="tags" id="tags" value="">
					

				</td>
				<td>
							##local.define(ButtonCaption)<contentof>##leg.Portal3.Tagging.Apply</contentof>			      ##local.define(ButtonTip)<contentof>##leg.data(Portal3.Tagging.ApplyTIP)</contentof>
                        ##local.define(ButtonHref)<contentof>javascript:startSearch()</contentof>
                        ##local.define(ButtonID)<contentof>buttonQuickSearch</contentof>
						##local.ButtonFMT                                                              
				</td>
			</tr>
			<tr>
				<td>
				</td>
				<td class="entryAdvice">
					
					##leg.Portal3.Tagging.TagsAdvice
					
				</td>
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
			</tr>
			<tr>
				<td class = "taggingFormAnnotationCell" >##leg.Portal3.Tagging.MyTags
				</td>
				<td style="width:300px;">
					##if mytags.IsMap("items")
						##mytags.ForEachIn(tag,"items")<contentof>
							<li class="myTag">##tag.text</li>
						</contentof>
					##endif					
				</td>
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
			</tr>
			<tr>
				<td class = "taggingFormAnnotationCell" >##leg.Portal3.Tagging.PopularTags
				</td>
				<td>
					##if popularTags.IsMap("items")
						##popularTags.ForEachIn(tag,"items")<contentof>
							<li class="pTag">##tag.text</li> 
						</contentof>
					##endif
				</td>
			</tr>
			
			
		</table>
	</FORM>
	##else
		##leg.Portal3.Tagging.MustLoginAdvice
		
	##endif
	##if error.Level
		##error.Dump()
	##endif
	
	##if this.HavePlaceHolder(updateResponse)
	<script type="text/javascript">
		if (parent.refreshTags)
		{
			parent.refreshTags();
		}
	</script>
	
	##endif	
</contentof>
	##if request.IsEqual(Method,GetCloud)
		##NotHtml
		##local.define(Page)<contentof>{
				"rtags" : [ ##local.define(Comma)<contentof></contentof> 
							 ##resourcetags.ForEachIn(tag,"items")<contentof> 
							 	##local.Comma { "text" : ##tag.AsJscriptLit(text), "count": ##tag.AsJscriptLit(count), "group" : ##tag.AsJscriptLit(group) } ##local.define(Comma)<contentof>,</contentof>
							 </contentof>
						   ]
				##if this.HavePlaceHolder(mytags)   
				, "mtags" : [ ##local.define(Comma)<contentof></contentof> 
							 ##mytags.ForEachIn(tag,"items")<contentof> 
							 	##local.Comma { "text" : ##tag.AsJscriptLit(text), "count": ##tag.AsJscriptLit(count), "group": ##tag.AsJscriptLit(group) } ##local.define(Comma)<contentof>,</contentof>
							 </contentof>
						   ]
				##endif
			}			
		</contentof>
	##else
		##if request.IsEqual(Method,GetSuggestions)
			##local.defineByRender(prefix)<contentof>##request.q</contentof>
			##local.define(Page)<contentof>
			##NotHtml
			##suggestions.ForEachIn(tag,"items")<contentof>##suggestions.Data(suggestionPrefix)##tag 
			</contentof>
			</contentof>
		##else
			##if request.IsEqual(ResponseFMT,JSON)
				##NotHtml
				##local.define(Page)<contentof> {
					"OK" : "1"
				}</contentof>
			##else
				##local.define(Page)<contentof>##include(FrameBody)</contentof>
			##endif
		##endif
	##endif		
</contentof>##local.Page