##formatter.TextRender()<contentof>
	##local.define(ZonesSection)<contentof>MyInterests</contentof>
	##include(Defaults)
	
	##local.define(PageHeaderScripts)<contentof>
		<style type="text/css">
			.tg5 {
				display: inline;
				padding-right: 2px;	
				font-size : 1.1em;				
			}
			.tg4 {
				display: inline;	
				padding-right: 2px;
				font-size : 1.0em;				

			}
			.tg3 {
				display: inline;	
				padding-right: 2px;
				font-size : 0.95em;				

			}
			.tg2 {
				cursor: hand;
				display: inline;	
				padding-right: 2px;
				font-size : 0.9em;				

			}
			.tg1 {				
				cursor: hand;
				display: inline;
				padding-right: 2px;	
				font-size : 0.8em;				

			}
			.tg0 {				
				cursor: hand;
				display: inline;
				padding-right: 2px;	
				font-size : 0.7em;				

			}

			.tgc {
				list-style-image: none;		
			}
			
			#tagcloud_content {
				margin-top:8px;
				margin-left:8px;
			}
			
			.tagcloud_header {
				text-align: center;	
				font-weight: bold;
				background-color:#a8bbce;
			}
				
		</style>
        
        <script>
			
			function BuildRecentCloud( id, limit, divid)
			{
                $.getJSON("APS_TAGGING?Style=Portal3&Method=GetCloud", {user: id, limit:limit, cloudType:"recent" },
                    function(data) {
                        /*"rtags" : [  
							  
							 	 { "text" : "egyptology", "count": "8", "group" : "5" } 
							 
						   ]
						*/
						var cloud = "<ul class='tgc'>";
						
						$(data.rtags).each( function () {
							cloud+= "<li class=tg"+ this.group+ "><a class='taglink' href='#'>" + this.text + "</a>["+ this.count + "]</li> ";
						});
						cloud += "</ul>";						
						$('#'+divid+"_content").html(cloud);
						$('#'+divid).show();
				
						$('.taglink').click( function () {
							var url  =  "APS_INTEREST?Method=TagSearch&##this.styleset&parent=##this.obj&id="+this.innerHTML;
							window.navigate(url);
						});
														
                    }		
                );

			}
			
			function BuildPopularCloud( id, limit, divid)
			{
                $.getJSON("APS_TAGGING?Style=Portal3&Method=GetCloud", {user: id, limit:limit, cloudType: "popular" },
                    function(data) {
                        /*"rtags" : [  
							  
							 	 { "text" : "egyptology", "count": "8", "group" : "5" } 
							 
						   ]
						*/
						var cloud = "<ul class='tgc'>";
						
						$(data.rtags).each( function () {
							cloud+= "<li class=tg"+ this.group+ "><a class='taglink' href='#'>" + this.text + "</a>["+ this.count + "]</li> ";
						});
						cloud += "</ul>";						
						$('#'+divid+"_content").html(cloud);
						$('#'+divid).show();
				
						$('.taglink').click( function () {
							var url  =  "APS_INTEREST?Method=TagSearch&##this.styleset&parent=##this.obj&id="+this.innerHTML;
							window.navigate(url);
						});
														
                    }		
                );

			}
			

			function refreshTags()
			{
				BuildPopularCloud('currentUser', 'mytagcloud');
				BuildRecentCloud('allUsers', 'recenttagcloud');
				BuildPopularCloud('all', 'tagcloud');
				
			}

			$( function () {
				
				refreshTags();
 
			});
			
	</script>

		
	</contentof>
    ##local.define(Title)<CONTENTOF>##leg.Portal3.Body.ToolBar.MyInterests</CONTENTOF>

	##local.define(Content)<contentof>
	
		<div style="height:10px;">&nbsp;</div>


        <div id="mytagcloud" style="display:block;text-align:left; height:120px; background-color:white; border-color: #a8bbce; border-style:solid; border-width: 2px;">
        	<div class="tagcloud_header">##leg.Portal3.Tagging.MyTagsTitle</div>
        	<div id="mytagcloud_content"></div>
		</div>
        
        <div style="height:10px;">&nbsp;</div>
            <div id="recenttagcloud" style="display:block;text-align:left; height:120px; background-color:white; border-color: #a8bbce; border-style:solid; border-width: 2px;">
        	<div class="tagcloud_header">##leg.Portal3.Tagging.RecentTagsTitle</div>
        	<div id="recenttagcloud_content"></div>
        </div>
        
        <div style="height:10px;">&nbsp;</div>
            <div id="tagcloud" style="display:block;text-align:left; height:120px; background-color:white; border-color: #a8bbce; border-style:solid; border-width: 2px;">
        	<div class="tagcloud_header">##leg.Portal3.Tagging.PopularTagsTitle</div>
        	<div id="tagcloud_content"></div>
        </div>
        
        
	</contentof>
</contentof>
##include(Body)