var stripes = function()
{
  if(!document.createTextNode){return;}

  var stripeClass='stripes';
  var colorClass='altStripes';
  var hoverClass='ruled';
  var activeClass='clicked';

  var allTables, allLists, bodies, trs, lis;
  var i,j,k,addClass,c,a;

  allTables=document.getElementsByTagName('table');

  for (k=0;k<allTables.length;k++)
  {
    if(!allTables[k].className.match(stripeClass)){continue;}

    bodies=allTables[k].getElementsByTagName('tbody');

    for (i=0;i<bodies.length;i++)
    {
      trs=bodies[i].getElementsByTagName('tr')
      for (j=0;j<trs.length;j++)
      {
        if(trs[j].getElementsByTagName('td').length>0 && trs[j].className == '')
        {
          addClass=j%2==1?' '+colorClass:'';
          trs[j].className=trs[j].className+addClass;

          trs[j].onclick=function()
          {
            if(this.className.match(activeClass))
            {
              var rep=this.className.match(' '+activeClass)?' '+activeClass:activeClass;
              this.className=this.className.replace(rep,'');
            }
            else
            {
              this.className+=this.className?' '+activeClass:activeClass;
            }
          }
          
         
          trs[j].onmouseover=function()
          {
            this.className=this.className+' '+hoverClass;
          }
          trs[j].onmouseout=function()
          {
            var rep=this.className.match(' '+hoverClass)?' '+hoverClass:hoverClass;
            this.className=this.className.replace(rep,'');
          }
        }
      }
    }
  }
}
addEvent(window, 'load', stripes);

