function roll(idname) 
{ 
var newColor = "#C8A788";

document.getElementById(idname).style.background = newColor

// swap image 

//var imgAnchorName = "img" + idname; //image name derived from the div name 
//var hoverImgName = "swap" + idname //swap image name derived from the div name 

//document.getElementById(imgAnchorName).src = "./gifs/" +hoverImgName + ".jpg" //swap image 



} 

function reset(idname) 
{
var origColor = "#FBF2E9";
document.getElementById(idname).style.background = origColor


// swap image 

//var imgAnchorName = "img" + idname; //image name derived from the div name 
//var hoverImgName = idname //swap image name derived from the div name 

//document.getElementById(imgAnchorName).src = "./gifs/" +hoverImgName + ".jpg" //swap image 


}