var box2_rollover = 'images/grass-straight-light.jpg';
var box2_normal = 'images/grass-straight.jpg';

function do_rollover(id) {
    // Get the image object
    var roi = document.getElementById("img_" + id);
    
    // and the containing table cell (unused but could be used to change properties like background color)
    var rotd = document.getElementById(id);

    // and the div element
    var div = document.getElementById("div_" + id);

    // set the image src to the rollover image
    roi.src = box2_rollover;

    // and make the div visible
    div.style.visibility = 'visible';
    
}
function do_reset(id) {
    // this can reset the vars in do_rollover if desired
    var roi = document.getElementById("img_" + id);
    var rotd = document.getElementById(id);
    var div = document.getElementById("div_" + id);

    div.style.visibility = 'hidden';
    roi.src = box2_normal;
}