function xxy(total,active)
{
  for ( i = 1; i <= total; i++ )
  {
    rowIndex = "tr" + i;
    
    pixIndex = "td" + i;
    
    if ( i == active )
    {
      // Visible
      
      document.getElementById(rowIndex).style.display = "";
      
      document.getElementById(pixIndex).className = "pixRulerOn";
    }
    else
    {
      // Hidden

      document.getElementById(rowIndex).style.display = "none";
      
      document.getElementById(pixIndex).className = "pixRulerOff";      
    }
  }
}

function xxover(index,ext)
{
  pixIndex = "img" + index;
  
  pixSrc = document.getElementById(pixIndex).src;
  
  pixPath = pixSrc.lastIndexOf(".");
  
  pixNew = pixSrc.substring(0,pixPath) + "a." + ext;

  document.getElementById(pixIndex).src = pixNew;  
}

function xxout(index,ext)
{
  pixIndex = "img" + index;
  
  pixSrc = document.getElementById(pixIndex).src;
  
  pixPath = pixSrc.lastIndexOf(".");
  
  pixNew = pixSrc.substring(0,pixPath-1) + "." + ext;

  document.getElementById(pixIndex).src = pixNew;  
}