// javascript for button rollover effects

function rollover(obj)
{
   obj.className = 'button highlight';

   for (var i = 0; i < obj.childNodes.length; i++)
   {
      if (obj.childNodes[i].className == 'button_top')
      {
         obj.childNodes[i].className = 'button_top_highlight';
      }
      else if (obj.childNodes[i].className == 'button_body')
      {
         obj.childNodes[i].className = 'button_body_highlight';
      }
      else if (obj.childNodes[i].className == 'button_bottom')
      {
         obj.childNodes[i].className = 'button_bottom_highlight';
      }
   }
}

function rollout(obj)
{
   obj.className = 'button';

   for (var i = 0; i < obj.childNodes.length; i++)
   {
      if (obj.childNodes[i].className == 'button_top_highlight')
      {
         obj.childNodes[i].className = 'button_top';
      }
      else if (obj.childNodes[i].className == 'button_body_highlight')
      {
         obj.childNodes[i].className = 'button_body';
      }
      else if (obj.childNodes[i].className == 'button_bottom_highlight')
      {
         obj.childNodes[i].className = 'button_bottom';
      }
   }
}