anchor.diff:  												var tags = data.widgetProfile.tags;
   												for ( var i = 0; i < tags.length; i++) {
   													var tag = document.createElement("a");
  -													$(tag).attr("class","small blue tag");
  +													var tag_icon = document.createElement("i");
  +													$(tag_icon).attr("class","icon-tag");
  +													$(tag).attr("class","btn");
   													$(tag).text(tags[i].tagtext);
   													$(tag).attr("href","/tags/"	+ tags[i].id);
  +													$(tag).prepend(tag_icon);
   													$("#widget-tags").append(tag);
   												}
  +												
  +												
   											}
   
   											//
  
positive.code: 
  					});
  </script>
  </head>
  <body>
  
  	<%
  	  //--------------------------------
  	  // deduce whether user is logged in
  	  //--------------------------------
  	  EntityManagerFactory emf = (EntityManagerFactory) getServletContext()
  	      .getAttribute("emf");
  	  boolean isAuthenticated = JspUtils.isAuthenticated(session, request, emf);
  	  if (isAuthenticated) {
  	%>
  	<%@ include file="static/logged-in-as-box.jsp"%>
  	<%
  	  } else {
  	%>
  	<%@ include file="static/login-box.jsp"%>
  	<%
  	  }
  	%>
  
  	<%@ include file="static/header.html"%>
  
  
  	<div id="page-wrapper">
  
  		<div id="main-content-wrapper">
  			<div id="sidebar">
  				<ul>
  					<li id="sidebar-embed-list-item"><div class="img-holder">&nbsp;</div>
  						<span>Embed</span>
  						<div class="clear"></div></li>
  					<li id="sidebar-download-list-item"><div class="img-holder">&nbsp;</div>
  						<span>Download</span>
  						<div class="clear"></div></li>
  					<li id="sidebar-tag-list-item"><div class="img-holder">&nbsp;</div>
  						<span>Tag</span>
  						<div class="clear"></div></li>
  					<li id="sidebar-review-list-item"><div class="img-holder">&nbsp;</div>
  						<span>Review</span>
  						<div class="clear"></div></li>
  				</ul>
  			</div>
  
  			<div id="main">
  
  				<h1 id="widget_name"></h1>
  				<p id="upload-info" class="upload-info">no upload info available</p>
  
  				<div class="clear"></div>
  
  				<div id="first-row-boxes">
  					<div id="widget-left">
  						<div id="widget-preview">screenshot or preview instance</div>
  						<div id="widget-stats-bar">
  							<div id="widget-usage">usage</div>
  							<div id="widget-rating">rating</div>
  							<div class="clear"></div>
  						</div>
  					</div>
  					<div id="widget-right">
  						<h2>Description:</h2>
  						<div id="widget-description-text">Lorem Ipsum is simply
  							dummy text of the printing and typesetting industry. Lorem Ipsum
  							has been the industry's standard dummy text ever since the 1500s,
  							when an unknown printer took a galley of type and scrambled it to
  							make a type specimen book. It has survived not only five
  							centuries, but also the leap into electronic typesetting,
  							remaining essentially unchanged. It was popularised in the 1960s
  							with the release of Letraset sheets containing Lorem Ipsum
  							passages, and more recently with desktop publishing software like
  							Aldus PageMaker including versions of Lorem Ipsum.</div>
  
  						<h2>Tagged as:</h2>
  						<div id="widget-tags"></div>
  
  						<h2>Useful for:</h2>
  						<div id="widget-useful-for">
  							<a href="#" class="btn">collaboration</a> <a href="#"
  								class="btn">learning</a> <a href="#"
  								class="btn">fun</a>
  						</div>
  					</div>
  					<div class="clear"></div>
  				</div>
  				<!-- end of first-row-boxes -->
  
  				<div class="clear"></div>
  
  				<div id="second-row-boxes">
  					<div id="user-reviews">
  						<h2>User reviews</h2>
  						<ul id="user-reviews-list">
  						</ul>
  					</div>
  					<div id="related-widgets">
  						<h2>Related widgets</h2>
  					</div>
  					<div class="clear"></div>
  				</div>
  				<!-- end of second-row-boxes -->
  				<div class="clear"></div>
  
  			</div>
  			<div class="clear"></div>
  		</div>
  
  	</div>
  	<!-- end of page-wrapper -->
  
  
  
  	<%@ include file="static/footer.html"%>
  
  
  </body>
  
negative.code: <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  <link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
  <style type="text/css">
  body {
  	padding-top: 60px;
  	padding-bottom: 40px;
  }
  
  .sidebar-nav {
  	padding: 9px 0;
  }
  </style>
  <link rel="stylesheet" href="css/bootstrap-responsive.css"
  	type="text/css" />
  <title>EDUKApp</title>
  <script>
  $(document).ready(function(){
  
    var widgetUri;
    //
    // Load the widget profile
    //
    $.getJSON('/widget?id=<%=request.getParameter("id")%>',function(data) {
  	   console.log(data);
  	   
  											widgetUri = data.widgetProfile.uri;
  