anchor.diff:          });
       }
   
  -    jQuery('#legends').svg();
  -    var legends = jQuery('#legends').svg('get');
  -    legends.line(20, 5, 80, 5, {stroke: "red", strokeWidth: 4});
  -    legends.polygon([[80, 0], [80, 10], [100, 5]], {fill: "red"});
  -    legends.text(5, 27, "Physical");
  -
  -/*
  -    jQuery('#legend_genetic').svg();
  -    var legend_genetic = jQuery('#legend_genetic').svg('get');
  -    legend_genetic.line(20, 5, 80, 5, {stroke: "blue", strokeWidth: 4});
  -    legend_genetic.polygon([[80, 0], [80, 10], [100, 5]], {fill: "blue"});
  -    legend_genetic.text(5, 27, "Genetic");
  -*/
  +	jQuery('#legendall').svg();
  +    var legendall = jQuery('#legendall').svg('get');
  +    legendall.line(15, 10, 75, 10, {stroke: "red", strokeWidth: 4});
  +    legendall.polygon([[75, 5], [75, 15], [95, 10]], {fill: "red"});
  +    legendall.text(100, 15, "Physical");
  +    legendall.line(185, 10, 245, 10, {stroke: "blue", strokeWidth: 4});
  +    legendall.polygon([[245, 5], [245, 15], [265, 10]], {fill: "blue"});
  +    legendall.text(270, 15, "Genetic");
  +
  +    jQuery("svg").height("100%").width("100%");
  +
       jQuery("#exportoptions").change(function () {
           export(jQuery("#exportoptions option:selected").val());
       });
  
positive.code:         <h3>Interaction Type</h3>
            <table id="svgtable">
              <tr>
                <td id="legends">
                </td>
              </tr>
            </table>
  
negative.code:     <h3>Interaction Network</h3>
  </div>
  
  <div id="interactions-wrap">
    <div class="inside">
    <div id="cwtabsbyside">
  