Binding jQuery effects/events/functions to own JS-objects

Binding jQuery effects/events/functions to own JS-objects

Hi :)

i am new in this forum and jQuery. I program a while in PHP, Java and a little bit in javascript. This time worked with raphael.js, a javascript library for drawing SVG conform elements with javascript. I need it for drawing graph structures like tree's.

I tried to combine jquery and raphael. Is here anybody who do this before? 

I should like to attach jquery stuff (like effects or events) to SVG elements. For anybody who doesnt know what SVG are and what raphael do, please look at:  http://raphaeljs.com/graffle.html

My main question is: It is possible in jQuery, that i attach a effect-function like fadeOut to an own javascript object like

  1. var foo = { bar : "foobar"; }

so that i am able to do

  1. foo.fadeOut ();

after for example an click-event. 

Thank you for your answers!
k00ni