NS4 = (document.layers);
NS6=(!document.all && document.getElementById) ? true: false;
IE = (document.all);
 
squareRed = new Image();
squareBlue = new Image();
diamondRed = new Image();
diamondBlue = new Image();
squareRed.src = "/images/global/squareRed.gif"
squareBlue.src = "/images/global/squareBlue.gif"
diamondRed.src = "/images/global/diamondRed.gif"
diamondBlue.src = "/images/global/diamondBlue.gif"


function rollSquare(square){
  square.src=squareRed.src
}

function unRollSquare(square){
  square.src=squareBlue.src
    }
function rollDiamond(diamond){
  diamond.src=diamondRed.src
    }

function unRollDiamond(diamond){
  diamond.src=diamondBlue.src
    }

function rollButton(button){
button.src=button+"On.src"
}

function rollOffButton(button){
button.src=button+"Off.src"
}


function rollMore(buttonName,layer){
  layer = (layer)? layer : "contentDiv"
    if (NS4) {
      NSlayer = eval("document."+layer)
      NSlayer.document.images[buttonName].src = moreOn.src
    }
  if (IE) {
    //alert("rollMoreButton");
    eval(buttonName+".src = moreOn.src")
  }
}

function rollOffMore(buttonName,layer){
  layer = (layer)? layer : "contentDiv"
    if (NS4) {
      NSlayer = eval("document."+layer)
      NSlayer.document.images[buttonName].src = moreOff.src
    }
  if (IE) {
    //alert("rollOffMore");
    eval(buttonName+".src = moreOff.src")
      }
}