title: change between 3 different background color based on cell value
body: <p>I have a booking page on my Joomla! 2.5 website where visitors can sign up for events; these events have 3 different statuses :
  less than 20: preliminary (open for registrants)
  more than 20: confirmed (still open for registrants)
  60: full (closed for registrants)</p>
  
  <p>I'm hoping to use javascript (or just css if possible) to change the background-color of a table cell based on the value pulled from the registrants-table. I have found several similar questions asked here, but so far only with two values: like <a href="https://stackoverflow.com/questions/7425719/can-i-make-a-table-cell-have-a-different-background-color-if-the-value-a-part">this one</a>.</p>
  
  <p>I have cloned latest live example at jsfiddle dot net and tried to make it work, but have messed it up so that it does not work... I'm not even sure what the best way to incorporate it into the component in question once it does work ('',) Hoping there are someone that can point me in the right direction?</p>
  
  <p>unable to post link /DaBouncer/DL6U2/185/]</p>