anchor.diff:  <%@ page language="java" contentType="text/html; charset=UTF-8"
   	pageEncoding="UTF-8"%>
   <%@ page
  -	import="org.apache.wookie.connector.framework.*,
  -	uk.ac.edukapp.util.*,
  -	uk.ac.edukapp.model.*,
  -	java.util.*,
  -	javax.persistence.*,
  -	javax.persistence.EntityManager,
  -	javax.persistence.EntityManagerFactory,
  -	org.apache.commons.logging.Log,
  -	org.apache.commons.logging.LogFactory"%>
  +	import="uk.ac.edukapp.util.JspUtils,
  +	uk.ac.edukapp.model.Useraccount,
  +	javax.persistence.EntityManagerFactory"%>
   <!DOCTYPE html>
   <html>
   <head>
  -<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  -<link rel="stylesheet" href="css/reset.css" type="text/css" />
  +<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  +<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
   <link rel="stylesheet" href="css/layout.css" type="text/css" />
   <link rel="stylesheet" href="css/header.css" type="text/css" />
   <link rel="stylesheet" href="css/widget.css" type="text/css" />
   <link rel="stylesheet" href="css/footer.css" type="text/css" />
  -<title>EDUKApp</title>
  +<title>EDUKApp</title>
  +
  +<script>
  + $(document).ready(function(){
  + 
  +   var widgetUri;
  +   //
  +   // Load the widget profile
  +   //
  +   $.getJSON('/widget?id=<%=request.getParameter("id")%>', function(data){
  +     widgetUri = data[0].uri;
  +     $("#widget_name").text(data[0].name);
  +     
  +     var tags = data[0].tags;
  +     for (var i=0;i<tags.length;i++){
  +       var tag = document.createElement("a");
  +       $(tag).attr("class", "small blue tag");
  +       $(tag).text(tags[i].tagtext);
  +       $(tag).attr("href", "/tags/"+tags[i].id);
  +       $("#widget-tags").append(tag);
  +     }
  +     
  +     //
  +     // Load similar widget profiles
  +     //
  +     $.getJSON('/similar?uri='+widgetUri, function(similar){ 
  +       for(var i=0;i<similar.length;i++){ 
  +         $("#related-widgets").append("<div>"+similar[i].name+"</div>");
  +       };
  +     }); 
  +     
  +    //
  +    // Load reviews
  +    //
  +     $.getJSON('/review?uri='+widgetUri, function(reviews){ 
  +       for(var i=0;i<reviews.length;i++){ 
  +       
  +         var li = document.createElement("li");
  +         
  +         var wrapper = document.createElement("div");
  +         $(wrapper).attr("class","review-item-wrapper");
  +         
  +         var pic = document.createElement("div");
  +         $(pic).attr("class", "review-item-pic");
  +         var img = document.createElement("img");
  +         $(img).attr("src","http://www.gravatar.com/avatar/205e460b479e2e5b48aec05710c08d50?s=35&d=identicon");
  +         $(pic).append(img);
  +         $(wrapper).append(pic);
  +         
  +         var item = document.createElement("div");
  +         $(item).attr("class", "review-item-content");
  +         
  +         var iteminfo  = document.createElement("div");
  +         $(iteminfo).attr("class", "review-item-info-wrapper");
  +         $(iteminfo).append("<p><a href='#'>"+reviews[i].user+"</a> "+reviews[i].time+"</p>");
  +         $(iteminfo).append("<p> "+reviews[i].rating+" stars</p>");
  +         $(item).append(iteminfo);
  +         
  +         var itemtext = document.createElement("div");
  +         $(itemtext).attr("class", "review-content-text");
  +         $(itemtext).text(reviews[i].text);
  +         $(item).append(itemtext);
  +         
  +         $(wrapper).append(item);  
  +
  +         var clear = document.createElement("div");
  +         $("clear").attr("class", "clear");  
  +         $(wrapper).append(clear);       
  +                
  +         $(li).append(wrapper);
  +     
  +         $("#user-reviews ul").append(li);
  +       };
  +     });     
  +    
  +   });
  +   
  +   
  +
  + });
  +
  +</script>
   </head>
   <body>
   
  
positive.code: 			<div class="clear"></div>
  		</div>
  
  		<%
  		  } else {
  		      out.print("widget profile is null");
  		    }
  		  } else {
  		    out.print("widget id is null");
  		  }
  		%>
  
  
  
  	</div>
  	<!-- end of page-wrapper -->
  
  
negative.code: 					<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>
  