title: Hovering over different segments in a circle
body: <p>I am currently trying to create a blue, circular, pie-chart-esque image for my website. The circle will be split into 6 different segments.</p>
  
  <p>What I want to happen is that when the user hovers over a particular segment, this segment will turn orange, and some text will appear beside the circle corresponding to that segment.</p>
  
  <p>I have found some resources online which achieve nearly the effect I need using CSS image maps. <a href="http://www.noobcube.com/tutorials/html-css/css-image-maps-a-beginners-guide-/" rel="nofollow">http://www.noobcube.com/tutorials/html-css/css-image-maps-a-beginners-guide-/</a> However, these techniques split up an image using rectangles. If I were splitting up a circular object I would prefer to split up the area based on particular arcs.</p>
  
  <p>I assume this is beyond the reach of pure HTML and CSS. I do not have a great deal of experience with web languages, although I have had passing experience with JQuery. What are the techniques I need to solve my problem and what technology would be best to implement it?</p>