function changeBG(sender, senderColor, queryColor)
{
  document.getElementById("counter_img_area").style.backgroundColor = senderColor;

  setColorSampleBorder(document.getElementById("upperColorSample").getElementsByTagName("TBODY")[0], senderColor);
  setColorSampleBorder(document.getElementById("bottomColorSample").getElementsByTagName("TBODY")[0], senderColor);

  //getパラメータを書き換え
  document.getElementById("current_bg_color").value = queryColor;
}

function setColorSampleBorder(table, senderColor)
{
  var colorRows = table.getElementsByTagName("TR");
  for (var rowIndex = 0 ; rowIndex < colorRows.length ; rowIndex++)
  {
    var colorCells = colorRows[rowIndex].getElementsByTagName("TD");
    for (var index = 0 ; index < colorCells.length ; index++)
    {
      if (colorCells[index].style.backgroundColor == senderColor)
      {
        colorCells[index].style.borderColor = "#FF0000";
      }
      else
      {
        colorCells[index].style.borderColor = "#FFFFFF";
      }
    }
  }
}

function submitSearch(offset, order)
{
  document.getElementById("offset").value = offset;
  if (order)
  {
    document.getElementById("order").value = order;
  }
  document.getElementById("search").submit();
}