"use strict";

document.addEventListener$("$DOMContentLoaded$",()=>\{$

const images $=$ document.querySelectorAll$("$#image$\_$rollovers img"$)$;

$//$ process each img tag

for $($let image of images$)\{$

const oldURL $=$ image.src;

const newURL $=$ image.id;

$//$ preload rollover image

$//$ set up event handlers for hovering an image

image.addEventListener$("$mouseover$",()=>\{$

image.src $=$ newURL;

$\})$;

image.addEventListener$("$mouseout$",()=>\{$

image.src $=$ oldURL;

$\})$;

$\}$

$\})$;