<!--
// Adds hover effect to image. Filenames expected: images/{id}-out.{format}, images/{id}-over.{format}
function addImgHover(id, format) {
    addImgHover2("", id, format);
}

// Adds hover effect to image. Filenames expected: images/{id}-out.{format}, images/{id}-over.{format}
function addImgHover2(path, id, format) {
  var node = document.getElementById(id);
	if (node != null) {
    node.src = path + "images/" + id + "-out." + format;
    node.onmouseover = function() { this.src = path + "images/" + id + "-over." + format; }
    node.onmouseout = function() { this.src = path + "images/" + id + "-out." + format; }
	}
}

// Adds hover effect to multiple images. Usage: addImgHover(["id1", "id2"], "jpg");
function addImgHovers(ids, format) {
    addImgHovers2("", ids, format);
}

// Adds hover effect to multiple images. Usage: addImgHover(["id1", "id2"], "jpg");
function addImgHovers2(path, ids, format) {
  for (var i = 0; i < ids.length; i++) addImgHover2(path, ids[i], format);
}
-->
