function toggleCookie(displayItem,itemToChange) {
  var displayItemOld = displayItem;
  var displayAsItWas = displayItemOld.substring(itemToChange,itemToChange+1);
  if (displayAsItWas == "c") {displayAsItIsNow = "o"} else {displayAsItIsNow = "c"};
  var lead = displayItemOld.substring(0,itemToChange);
  var trail = displayItemOld.substring(itemToChange+1);
  var displayItemNew = lead+displayAsItIsNow+trail;
  document.cookie = "displayItemCookie="+displayItemNew;
  //return displayItemNew;
}

function buttonClick(elementId,mode) {

  borderDark = "2px solid #000000";
  borderLight = "2px solid #a0a0a0";

  if (mode == "out")
  {
    image = "";
    backgColor = "#ffff";
    borderTop = borderLight;
    borderRight = borderLight;
    borderBottom = borderLight;
    borderLeft = borderLight;
    textColor = "#000000";
  }

  if (mode == "over")
  {
    image = "";
    backgColor = "#ffffff";
    borderTop = borderLight;
    borderRight = borderDark;
    borderBottom = borderDark;
    borderLeft = borderLight;
    textColor = "#a00000";
  }

  if (mode == "click")
  {
    image = "";
    backgColor = "#dc143c";
    borderTop = borderDark;
    borderRight = borderLight;
    borderBottom = borderLight;
    borderLeft = borderDark;
    textColor = "#ffffff";
  }

  newImage = "url(images/"+image+")";
  document.getElementById(elementId).style.backgroundImage = newImage;
  document.getElementById(elementId).style.backgroundColor = backgColor;
  document.getElementById(elementId).style.borderTop = borderTop;
  document.getElementById(elementId).style.borderRight = borderRight;
  document.getElementById(elementId).style.borderBottom = borderBottom;
  document.getElementById(elementId).style.borderLeft = borderLeft;
  document.getElementById(elementId).style.color = textColor;
}