Circular menu using CSS and JavaScript

A circular menu widget that shows text in the center when menu items are hovered over. Similar to this [login to view URL] in concept, but that project's code is horrible (I purchased it and have confirmed this). Each menu item must be positioned and spaced out evenly in a circular shape ordered clock-wised. Each menu item should also have a circular border and contain text, not images. Upon hovering over each menu item, the center area should display a paragraph of text that is related to the menu item. Upon clicking on the menu item, it should go to some hyperlink that can be identified later. Ideally, your code should be semantic and use CSS for transitions and positioning. JavaScript is allowed if it is flexible. This widget needs to be able to support 5 to 15 items, spaced and positioned evenly as items are added. Ideally I see this being a couple of container items with an unordered list and the menu links, titles, and paragraph descriptions are contained within each list element, but I'm open to suggestion. I can provide you a nearly working example of modifications for the above item, but it currently conflicts with other superfish menu items on the page. This widget should be reusable and the intent is to use on a Drupal-based site, but creating a Drupal module is NOT necessary; it should be able to stand alone or be dropped into a theme template. Drupal knowledge is a plus, but not required.