anchor.diff:  <%= javascript_include_tag "jquery-1.5.1.min.js", "cytoscape.js-2.0.2/cytoscape.js", "cytoscape.js-2.0.2/jquery.cxtmenu.min",
                              "cytoscape.js-2.0.2/jquery.cytoscape-edgehandles.min", "cytoscape.js-2.0.2/jquery.cytoscape-panzoom.min" %>
   
  -<div id="cyid" style="float:center;position:inherit; width: 100%; height: 400px; background-color: #fff0f5;"></div>
  +<div id="cy" style="float:center;position:inherit; width: 100%; height: 400px; background-color: #fff0f5;"></div>
   
   <script type="text/javascript">
       jQuery.noConflict();
       var $j = jQuery;
   
  -    $j('#cyid').cytoscape({
  +    $j('#cy').cytoscape({
           layout: {
             name: 'breadthfirst'
           },
  
positive.code:         //});
      });
  
  </script>
negative.code:             cy = this;
  
              //Centre on all elements in the graph.
              cy.reset();
          }
      });
  
      $j(function(){
          cy.$('node').on('click', function(e){
              var node = e.cyTarget;
              animateSelectedNode(node);
          });
  
          //animate the current asset node
          var asset_type =  '<%= controller_name.singularize.camelize %>';
          var asset_id = '<%= params[:id] %>';
          var asset_node_id = asset_type + '_' + asset_id;
          var asset_node = cy.nodes('[id=\''+ asset_node_id +'\']')[0];
          animateSelectedNode(asset_node);
  
          //nodes.one('mouseover', function(e){
          //    var node = e.cyTarget;
  