/* 
  js.fullButtonArea
  -----------------
  Allows users to click anywhere on a 'button' to use it, not just the linked heading. Also adds hover hook.
*/
js.fullButtonArea = function () {
  $each($$('#buttons li'), function (b) {
    if (b.id != 'button-apply') {     // Apply button is actually not a button but may have one or more individual links inside.
      var l = b.getElementsByTagName('a')[0];
      b.addEvent('click', function () { document.location = l.href });
      b.addClass('clickable');
      b.addEvent('mouseover', function () { b.addClass('hover') });
      b.addEvent('mouseout', function () { b.removeClass('hover') });
    }
  });
}

window.addEvent('domready', js.fullButtonArea);