title: Adding custom remove method to Raphael JS Graffle Connection
body: <p>I'm using the custom connection method (Raphael.fn.connection) added in the example found at: raphaeljs.com/graffle.html</p>
  
  <p>My example is here: <a href="http://jsfiddle.net/WwT2L/" rel="nofollow">http://jsfiddle.net/WwT2L/</a> (scroll in the display window to see the effect)</p>
  
  <p>Essentially, I've linked the graffle connection to the bubble so it stays with it as it scales. I'm hoping that I can have the connection switch to the next bubble as the user scrolls past a certain point.</p>
  
  <p>To do this, I was thinking I would remove the connection and add another one, but as the connection method is not a native Raphael element, it doesn't have the built in remove method, and I'm having trouble adding the remove method to the prototype. </p>
  
  <p>I've found some info about adding custom methods at this <a href="http://groups.google.com/group/raphaeljs/browse_thread/thread/c047726e225dd030" rel="nofollow">google group discussion</a> 
  and I've tried:</p>
  
  <p>this.connections[0] = this.r.connection(this.bubbles[0], this.unitConnector, "#fff", "#fff")<code>.__proto__.</code>remove = function() {alert('working custom method');}; </p>
  
  <p>which seems to add a method to this instance of connection but I'm not sure what to have the method do and it seems like there should be a better way.</p>