anchor.diff:  	var pages=[];
   	var images=[];
   	var current_page;
  +	
   	$(document).ready(function(){
  -		
  -			$.getJSON("/books/<%=@book.id%>", function(result){
  +			$.getJSON("/asset_collections/<%=@book.id%>.json", function(result){
   				pages =result.assets;
   				$("#page_image").attr("src", pages[0].location);
   				for(var page in pages){
  
positive.code: 	<%if @book.composer%>
  		<p id="author"> by <%=@book.composer%></p>
  	<%end%>
  	<p id="no pages">  <%=@book.assets.count%> pages</p>
  </div>
  <div id='book_page'>
  	<p id="prev_page">prev</p>
  
negative.code: 			$("#next_page").click(function(event){
  				if(current_page+1 !=pages.length){
  					current_page =current_page+1;
  				}
  				else {
  					current_page=0;
  				}
  				$("#page_image").remove();
  				$("#book_page").append(images[current_page]);
  				$("#page_no").html(current_page+1);
  			});
  			
  			$("#prev_page").click(function(event){
  				if(current_page-1>= 0){
  					current_page = current_page-1;
  				}
  				else{
  					current_page = pages.length-1
  				}
  					$("#page_image").remove();
  					$("#book_page").append(images[current_page]);
  					$("#page_no").html(current_page+1);
  					
  			});
  			
  		});
  