Budding Menu

I thought I'd start using CSS3 a little and I wanted to make a menu that looked a bit different than usual. The budding menu lays items in circles that exclude each other.

You can find the script in the SVN ; I've tried to comment it carefully to make easier to adapt to your own situation.

The circles are rendered with CSS3 (Mozilla and Webkit), the nice font on the text with FLIR, and of course the script was made with Mootools.

I'd love to see some real-world examples so drop me a comment if you have a live example.

Read more to see the example in action, it may take a while to load in your browser due to all the DIVs being added on-the-fly and FLIR (Now using @font-face).